From f8ef4a612205b6f5210d873a102b2248dfba4ead Mon Sep 17 00:00:00 2001 From: wk Date: 星期五, 09 八月 2024 13:48:03 +0800 Subject: [PATCH] feat:头像更改 --- pages/quality-inspection-page/qualityMy/quality-my.vue | 81 ++++++++++++++++++++++++++++++++-------- 1 files changed, 64 insertions(+), 17 deletions(-) diff --git a/pages/quality-inspection-page/qualityMy/quality-my.vue b/pages/quality-inspection-page/qualityMy/quality-my.vue index 5a274ed..8078bfb 100644 --- a/pages/quality-inspection-page/qualityMy/quality-my.vue +++ b/pages/quality-inspection-page/qualityMy/quality-my.vue @@ -1,10 +1,10 @@ <template> - <view class="driver-my"> + <view class="driver-my quality-my-wrap"> <view class="driver-banner"> <view class="navgation">鎴戠殑</view> <view class="avatar"> <view class="avatar-imgage" - style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/driverava.png')no-repeat;background-size: cover;"> + style="background: url('https://wrzs.czjlchem.com:9090/appimg/image/banner/driverava.png')no-repeat;background-size: cover;"> </view> <view class="avatar-name">{{ userInfo.name || '' }}</view> <!-- <view class="edit-button"><u-button type="primary" @@ -18,7 +18,7 @@ <view class="information-line" @click=""> <view class="line-label"> - <image src="https://mx.jzeg.cn:9096/appimg/image/banner/personalicon.png" + <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/personalicon.png" mode="widthFix"></image> <view class="label-text">韬唤璇佸彿</view> </view> @@ -28,7 +28,7 @@ </view> <view class="information-line"> <view class="line-label"> - <image src="https://mx.jzeg.cn:9096/appimg/image/banner/phonenum.png" + <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/phonenum.png" mode="widthFix"></image> <view class="label-text">鎵嬫満鍙�</view> </view> @@ -38,12 +38,40 @@ </view> <view class="information-line"> <view class="line-label"> - <image src="https://mx.jzeg.cn:9096/appimg/image/banner/phonenum.png" + <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/phonenum.png" mode="widthFix"></image> <view class="label-text">璐﹀彿</view> </view> <view class="information-value"> {{ userInfo.username || '' }} + </view> + </view> + <view class="information-line" + @click="scoreCert"> + <view class="line-label"> + <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/address.png" + mode="widthFix" + style="width: 36rpx;position: relative;left: 8rpx;"></image> + <view class="label-text">鏇存敼澶村儚</view> + </view> + <view class="information-value"> + <view class=""> + {{ '' }} + </view> + </view> + </view> + <view class="information-line last" + @click="scorePass"> + <view class="line-label"> + <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/address.png" + mode="widthFix" + style="width: 36rpx;position: relative;left: 8rpx;"></image> + <view class="label-text">鏇存敼瀵嗙爜</view> + </view> + <view class="information-value"> + <view class=""> + {{ '' }} + </view> </view> </view> </view> @@ -240,6 +268,16 @@ }); }); }, + scoreCert(){ + uni.navigateTo({ + url: '/pages/password/face?id='+this.userInfo.userId+'&imgPath='+this.userInfo.imgPath+'&username='+this.userInfo.username + }) + }, + scorePass(){ + uni.navigateTo({ + url: '/pages/password/password?id='+this.userInfo.userId + }) + }, // 淇敼鎸夐挳鐐瑰嚮 editBtnClick() { this.editDriverPopupShow = true; @@ -341,17 +379,22 @@ align-items: center; position: fixed; top: 0; - + .avatar-inside{ + width: 100%; + position: relative; + display: flex; + align-items: center; + } .avatar-imgage { width: 98rpx; height: 98rpx; - margin-left: 5%; + margin-left: vww(18); @include flex; justify-content: center; } .avatar-name { - width: 200rpx; + max-width: 700rpx; display: flex; flex-wrap: wrap; height: 32rpx; @@ -362,9 +405,10 @@ } .edit-button { - position: relative; - left: vww(73); + position: absolute; + right: vww(73); top: vww(4); + width: 220rpx; } } @@ -374,9 +418,11 @@ justify-content: center; position: relative; top: vww(20); + padding: 40rpx; + box-sizing: border-box; + &-block { - width: 90%; - height: 300rpx; + width: 100%; background: #ffffff; box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12); border-radius: 20rpx; @@ -387,11 +433,12 @@ .block-main { width: 100%; margin: vww(10) vww(14); + padding: 0 40rpx; + box-sizing: border-box; } .information-line { - @include flex - width: 98%; + @include flex width: 636rpx; height: vww(45); border-bottom: 1rpx solid #f0f1f6; @@ -480,7 +527,7 @@ @include flex; justify-content: center; position: relative; - bottom: vww(-400); + bottom: vww(-450); .loginout-main { width: 84%; } @@ -491,7 +538,7 @@ @include flex; justify-content: center; position: relative; - bottom: vww(-430); + bottom: vww(-480); .loginout-main { width: 84%; @@ -547,4 +594,4 @@ } } } -</style> \ No newline at end of file +</style> -- Gitblit v1.9.1