feat:登陆密码输入框增加眼睛显示

yangan

2024-09-12 e4bf87c5cac0e9dc291c93a364658fefccd2884d

 pages/freight-forwarder-page/freightForwarder-my/freightForwarder-my.vue

@@ -3,6 +3,45 @@
      <view class="driver-banner">
         <view class="navgation">我的</view>
      </view>
      <view class="information-block-box">
         <view class="personal-information">
            <view class="personal-information-block">
               <view class="block-main">
                  <view class="information-line">
                     <view class="line-label">
                        <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.phone || '' }}
                     </view>
                  </view>
                  <view class="information-line">
                     <view class="line-label">
                        <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/carnum.png"
                           mode="widthFix"></image>
                        <view class="label-text">姓名</view>
                     </view>
                     <view class="information-value">
                        {{ userInfo.name || '' }}
                     </view>
                  </view>
                  <view class="information-line">
                     <view class="line-label">
                        <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/carnum.png"
                           mode="widthFix"></image>
                        <view class="label-text">角色</view>
                     </view>
                     <view class="information-value">
                        {{ '货代' }}
                     </view>
                  </view>
					
               </view>
            </view>
         </view>
      </view>
      <view class="personal-information">
         <view class="personal-information-block">
            <view class="block-main">
@@ -166,6 +205,7 @@
            passwordModified: '',
            // 用户信息对象
            userInfo: {},
            phoneList:[]
         };
      },
      onLoad() {
@@ -202,9 +242,7 @@
                     success: res => {
                        res.data.data.records.forEach(item=>{
                           if(item.description.includes('联系')){
                              this.phoneList=item.value.split(',').map(ite=>{
                                 return ite.split(":")[1]
                              })
                              this.phoneList=item.value.split(',');
                           }
                        })
                     },
@@ -228,7 +266,7 @@
               itemList: this.phoneList,
               success: (res) => {
               uni.makePhoneCall({
                  phoneNumber:this.phoneList[res.tapIndex]
                  phoneNumber:this.phoneList[res.tapIndex].split(":")[1]
               })
            },
            fail: (err) => {
@@ -358,6 +396,79 @@
         }
      }
   }
   .information-block-box {
         width: 100%;

         .personal-information {
            width: 100%;
            display: flex;
            justify-content: center;
            position: relative;
            top: vww(-30);

            &-block {
               width: 690rpx;
               height: 300rpx;
               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;
               display: flex;
               flex-direction: column;
               justify-content: space-between;

               .block-main {
                  width: 636rpx;
                  margin: vww(10) vww(14);
               }

               .information-line {
                  @include flex;
                  width: 636rpx;
                  align-items: center!important;
                  height: vww(45);
                  border-bottom: 1rpx solid #f0f1f6;

                  .line-label {
                     width: 50%;
                     height: 90rpx;
                     @include flex;
                     align-items: center;

                     image {
                        width: 50rpx;
                        height: 50rpx;
                     }

                     .label-text {
                        flex: 0.8;
                        font-size: 30rpx;
                        font-weight: 400;
                        color: #000000;
                        line-height: 32rpx;
                        text-align: left;
                     }
                  }

                  .information-value {
                     min-width: vww(125);
                     @include flex;
                     font-size: 30rpx;
                     font-weight: 400;
                     color: #000000;
                     line-height: 85rpx;
                  }
               }

               .last {
                  border-bottom: 0;

                  .information-value {
                     justify-content: space-between;
                  }
               }
            }
         }
      }

   ::v-deep.freightForwarder-my {
      width: 100%;