From a28d0135ee42809b2c5863609da37155d3ecba5b Mon Sep 17 00:00:00 2001 From: yangan <yangan0921@163.com> Date: 星期二, 29 四月 2025 15:11:39 +0800 Subject: [PATCH] feat:增加类型显示 --- pages/freight-forwarder-page/freightForwarder-my/freightForwarder-my.vue | 112 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 112 insertions(+), 0 deletions(-) diff --git a/pages/freight-forwarder-page/freightForwarder-my/freightForwarder-my.vue b/pages/freight-forwarder-page/freightForwarder-my/freightForwarder-my.vue index 9d72e63..8d88e3a 100644 --- a/pages/freight-forwarder-page/freightForwarder-my/freightForwarder-my.vue +++ b/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"> @@ -357,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%; -- Gitblit v1.9.1