From 29658de29b2eb5292bf0c2fad7427b374b769ebc Mon Sep 17 00:00:00 2001
From: qingyiay <2386314947@qq.com>
Date: 星期三, 10 五月 2023 20:29:31 +0800
Subject: [PATCH] 样式修改,引入字体，修改逻辑
---
pages/driver-page/drvier-my/drvier-my.vue | 29 ++++++++++++-----------------
1 files changed, 12 insertions(+), 17 deletions(-)
diff --git a/pages/driver-page/drvier-my/drvier-my.vue b/pages/driver-page/drvier-my/drvier-my.vue
index d47aead..464ddd6 100644
--- a/pages/driver-page/drvier-my/drvier-my.vue
+++ b/pages/driver-page/drvier-my/drvier-my.vue
@@ -3,8 +3,8 @@
<view class="driver-banner">
<view class="navgation">鎴戠殑</view>
<view class="avatar">
- <view class="avatar-imgage"></view>
- <view class="avatar-name">{{ userInfo.name }}</view>
+ <view class="avatar-imgage" style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/avatar.png')no-repeat;background-size: cover;"></view>
+ <view class="avatar-name">{{ userInfo.name || '' }}</view>
<view class="edit-button"><u-button type="primary" @click="editBtnClick" shape="circle" plain>缂栬緫涓汉璧勬枡</u-button></view>
</view>
<view class="personal-information">
@@ -17,7 +17,7 @@
</view>
<view class="information-value">
{{ userInfo.idCard }}
- <u-icon name="arrow-right" color="#999999" size="30"></u-icon>
+ <u-icon name="arrow-right" color="#999999" size="30" v-if="userInfo.idCard"></u-icon>
</view>
</view>
<view class="information-line">
@@ -27,7 +27,7 @@
</view>
<view class="information-value">
{{ userInfo.phone }}
- <u-icon name="arrow-right" color="#999999" size="30"></u-icon>
+ <u-icon name="arrow-right" color="#999999" size="30" v-if="userInfo.phone"></u-icon>
</view>
</view>
<view class="information-line">
@@ -37,7 +37,7 @@
</view>
<view class="information-value">
{{ userInfo.carNo }}
- <u-icon name="arrow-right" color="#999999" size="30"></u-icon>
+ <u-icon name="arrow-right" color="#999999" size="30" v-if="userInfo.carNo"></u-icon>
</view>
</view>
<view class="information-line">
@@ -47,7 +47,7 @@
</view>
<view class="information-value">
{{ userInfo.axleNum }}
- <u-icon name="arrow-right" color="#999999" size="30"></u-icon>
+ <u-icon name="arrow-right" color="#999999" size="30" v-if="userInfo.axleNum"></u-icon>
</view>
</view>
<view class="information-line last">
@@ -57,7 +57,7 @@
</view>
<view class="information-value">
{{ userInfo.weight }}
- <u-icon name="arrow-right" color="#999999" size="30"></u-icon>
+ <u-icon name="arrow-right" color="#999999" size="30" v-if="userInfo.weight"></u-icon>
</view>
</view>
</view>
@@ -370,10 +370,9 @@
position: fixed;
top: 0;
.navgation {
- width: 77rpx;
+ width: 80rpx;
height: 37rpx;
font-size: 40rpx;
- font-family: Adobe Heiti Std;
font-weight: normal;
color: #ffffff;
line-height: 69rpx;
@@ -389,16 +388,14 @@
.avatar-imgage {
width: 98rpx;
height: 98rpx;
- background: #fcfcfc;
- border: 4px solid #ffffff;
- border-radius: 50%;
margin-left: vww(18);
+ @include flex;
+ justify-content: center;
}
.avatar-name {
width: 136rpx;
height: 32rpx;
font-size: 34rpx;
- font-family: Source Han Sans CN;
font-weight: bold;
color: #ffffff;
margin-left: vww(17);
@@ -441,19 +438,17 @@
height: 50rpx;
}
.label-text {
- width: 118rpx;
+ width: 120rpx;
font-size: 30rpx;
- font-family: Source Han Sans CN;
font-weight: 400;
color: #000000;
line-height: 85rpx;
}
}
.information-value {
- width: vww(125);
+ min-width: vww(125);
@include flex;
font-size: 30rpx;
- font-family: Source Han Sans CN;
font-weight: 400;
color: #000000;
line-height: 85rpx;
--
Gitblit v1.9.1