| | |
| | | <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> |
| | |
| | | </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> |
| | |
| | | export default { |
| | | data(){ |
| | | return { |
| | | src: '' |
| | | src: '/static/policy/header.png' |
| | | } |
| | | }, |
| | | methods: { |
| | |
| | | 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; |
| | |
| | | display: flex; |
| | | justify-content: flex-start; |
| | | align-items: center; |
| | | margin-bottom: 24rpx; |
| | | .direc{ |
| | | width: 2rpx ; |
| | | height: 20rpx; |
| | |
| | | margin-left: 20rpx; |
| | | color: #202D44FF; |
| | | } |
| | | image{ |
| | | width: 44rpx; |
| | | height: 44rpx; |
| | | } |
| | | } |
| | | .logout{ |
| | | text-align: center; |
| | |
| | | position: fixed; |
| | | bottom: 180rpx; |
| | | } |
| | | .inckname{ |
| | | font-size: 36rpx; |
| | | } |
| | | } |
| | | </style> |