wjt
2024-06-21 44fe1eda9e4106ae105030fb548688812ba1d1e2
policy/components/mine.vue
@@ -2,7 +2,8 @@
   <view class="page-mine-box">
      <view class="top-box">
         <view class="user-news">
            <u-avatar :src="src"></u-avatar>
            <!-- <u-avatar :src="src"></u-avatar> -->
            <image src="/static/policy/header.png" mode="widthFix"></image>
            <view class="user-info">
               <view class="user-name">
                  <view class="inckname">刘小雅</view>
@@ -22,7 +23,8 @@
         </view>
         <view class="show-phone-number" @click="goChangePhone">
            <view class="set-flex">
               <u-icon name="phone" size="22"></u-icon>
               <!-- <u-icon name="phone" size="22"></u-icon> -->
               <image src="/static/policy/phone.png" mode="widthFix"></image>
               <text class="change" >修改手机号</text>
            </view>
            <u-icon name="arrow-right"></u-icon>
@@ -38,7 +40,7 @@
   export default {
      data(){
         return {
            src: ''
            src: '/static/policy/header.png'
         }
      },
      methods: {
@@ -64,6 +66,12 @@
            display: flex;
            justify-content: flex-start;
            align-items: center;
            image{
               width: 108rpx;
               height: 108rpx;
               background-color: white;
               border-radius: 50%;
            }
            .user-info{
               margin-left: 24rpx;
               color: white;
@@ -71,6 +79,7 @@
                  display: flex;
                  justify-content: flex-start;
                  align-items: center;
                  margin-bottom: 24rpx;
                  .direc{
                     width: 2rpx ;
                     height: 20rpx;
@@ -112,6 +121,10 @@
            margin-left: 20rpx;
            color: #202D44FF;
         }
         image{
            width: 44rpx;
            height: 44rpx;
         }
      }
      .logout{
         text-align: center;
@@ -127,5 +140,8 @@
         position: fixed;
         bottom: 180rpx;
      }
      .inckname{
         font-size: 36rpx;
      }
   }
</style>