feat:头像更改

wk

2024-08-09 f8ef4a612205b6f5210d873a102b2248dfba4ead

 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>
</style>