| | |
| | | style="background: url('https://mx.jzeg.cn:9096/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" |
| | | <!-- <view class="edit-button"><u-button type="primary" |
| | | @click="editBtnClick" |
| | | shape="circle" |
| | | plain>编辑个人资料</u-button></view> |
| | | plain>编辑个人资料</u-button></view> --> |
| | | </view> |
| | | <view class="personal-information"> |
| | | <view class="personal-information-block"> |
| | |
| | | .avatar-imgage { |
| | | width: 98rpx; |
| | | height: 98rpx; |
| | | margin-left: vww(18); |
| | | margin-left: 5%; |
| | | @include flex; |
| | | justify-content: center; |
| | | } |
| | |
| | | justify-content: center; |
| | | position: relative; |
| | | top: vww(20); |
| | | |
| | | &-block { |
| | | width: 690rpx; |
| | | width: 90%; |
| | | 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; |
| | |
| | | justify-content: space-between; |
| | | |
| | | .block-main { |
| | | width: 636rpx; |
| | | width: 100%; |
| | | margin: vww(10) vww(14); |
| | | } |
| | | |
| | | .information-line { |
| | | @include flex width: 636rpx; |
| | | @include flex |
| | | width: 98%; |
| | | height: vww(45); |
| | | border-bottom: 1rpx solid #f0f1f6; |
| | | |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | .car-information { |
| | | width: 100%; |
| | | position: relative; |
| | | top: vww(410); |
| | | @include flex justify-content: center; |
| | | |
| | | .information-main { |
| | | width: 690rpx; |
| | | height: 552rpx; |
| | | 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; |
| | | |
| | | .information-body { |
| | | width: 636rpx; |
| | | margin: vww(15) vww(14); |
| | | @include flex flex-direction: column; |
| | | |
| | | .car-img { |
| | | height: 246rpx; |
| | | width: 100%; |
| | | @include flex; |
| | | flex-direction: column; |
| | | align-items: flex-start; |
| | | |
| | | .label-title { |
| | | @include flex; |
| | | width: 220rpx; |
| | | height: 100rpx; |
| | | |
| | | .label-text { |
| | | width: 100%; |
| | | height: 50rpx; |
| | | } |
| | | |
| | | image { |
| | | width: 50rpx; |
| | | height: 50rpx; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | .switch-accounts{ |
| | | width: 100%; |
| | | height: 80rpx; |