From a61831cae4b9f6d1b20ac16a44a28d995bf9f057 Mon Sep 17 00:00:00 2001
From: whycq <you@example.com>
Date: 星期一, 12 十二月 2022 21:52:08 +0800
Subject: [PATCH] #
---
pages/user/user.vue | 84 ++++++++++++++++++++---------------------
1 files changed, 41 insertions(+), 43 deletions(-)
diff --git a/pages/user/user.vue b/pages/user/user.vue
index c02f676..05c238d 100644
--- a/pages/user/user.vue
+++ b/pages/user/user.vue
@@ -1,54 +1,52 @@
<template>
- <view class="">
- <scroll-view class="scroll-Y">
- <button size="mini" @click="up">btn</button>
- <y-input title="鍟嗗搧鐮�" @input="show" v-model="matnr" placeholder=" 鎵爜 / 杈撳叆"/>
- <y-input title="搴撲綅鐮�" @input="show" v-model="locno"/>
- <y-input title="鎵樼洏鐮�" v-model="barcode" />
- <y-input title="璁㈠崟鐮�" v-model="orderNo"></y-input>
- </scroll-view>
+ <view>
+ <view class="user">
+ <!-- 澶村儚 -->
+ <view class="user-avatar">
+ <img src="../../static/image/澶村儚.jpg" alt="">
+ <!-- <image src="" mode="aspectFit"></image> -->
+ </view>
+ <!-- 淇℃伅 -->
+ <view class="user-info">
+ <view class="user-name">闄堥箯
+ </view>
+
+ </view>
+ <!-- 鏇村 -->
+ <view></view>
+ </view>
</view>
</template>
<script>
- export default {
- data () {
- return {
- scrollY:true,
- matnr:'1100878-10000-21074558989',
- locno: '0100509',
- barcode: '80006098',
- orderNo: 'JK20220923'
-
- }
- },
- methods: {
- open() {
- this.$refs.yPopup.open('center')
- },
- up() {
- this.matnr = ''
- console.log(this.matnr);
- },
- show() {
- console.log(this.matnr,this.locno);
- }
- }
-
- }
</script>
<style>
- .vv {
- width: 100%;height: 100rpx;
-
- }
- .bb {
- position: fixed;
- top: 0;
- left: 0;
+ .user {
width: 100%;
- height: 100%;
- overflow: hidden;
+ height: 200rpx;
+ background-color: #f8f8f8;
+ display: grid;
+ grid-template-columns: 1fr 4fr 1fr;
+ }
+ .user-avatar {
+ height: 200rpx;
+ width: 200rpx;
+ /* background-color: aquamarine; */
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
+ .user-avatar img {
+ height: 100rpx;
+ border-radius: 20rpx;
+ }
+ .user-info {
+ height: 200rpx;
+ display: grid;
+ grid-template-rows: 2fr 2fr;
+ align-items: end;
+
+ /* background-color: aqua; */
}
</style>
\ No newline at end of file
--
Gitblit v1.9.1