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/driver-index/bill-of-lading-details/coal-pick-up-bill/coal-pick-up-bill.vue | 29 +++++++++++++++++------------ 1 files changed, 17 insertions(+), 12 deletions(-) diff --git a/pages/driver-page/driver-index/bill-of-lading-details/coal-pick-up-bill/coal-pick-up-bill.vue b/pages/driver-page/driver-index/bill-of-lading-details/coal-pick-up-bill/coal-pick-up-bill.vue index b080272..e0b8b83 100644 --- a/pages/driver-page/driver-index/bill-of-lading-details/coal-pick-up-bill/coal-pick-up-bill.vue +++ b/pages/driver-page/driver-index/bill-of-lading-details/coal-pick-up-bill/coal-pick-up-bill.vue @@ -1,18 +1,18 @@ <template> <view class="coal-pick-up-bill"> - <view class="driver" style="background:url(../../../../../static/image/coalBackgroud/coal-background.png) no-repeat;background-size:100% 100%;"> + <view class="driver" style="background:url(https://mx.jzeg.cn:9095/appimg/image/coalBackgroud/coal-background.png) no-repeat;background-size:100% 100%;"> <view class="driver-coalOne">鐢靛瓙鎻愮叅鍗�</view> <view class="driver-coalTwo"> <view>{{ coalData.code || '鏆傛棤璁㈠崟缂栧彿' }}</view> - <view>{{ coalData.deptName || '鏆傛棤鎵�灞炵熆' }}</view> - <view>{{ coalData.coalName || '鏆傛棤鐓ょ' }}</view> - <view>{{ coalData.carNo || '鏆傛棤杞︾墝' }}</view> + <view class="bigFont">{{ coalData.deptName || '鏆傛棤鎵�灞炵熆' }}</view> + <view class="bigFont">{{ coalData.coalName || '鏆傛棤鐓ょ' }}</view> + <view class="bigFont">{{ coalData.carNo || '鏆傛棤杞︾墝' }}</view> </view> <view class="driver-coalThree"> <view>{{ coalData.customerName || '鏆傛棤鍗曚綅' }}</view> <view>{{ coalData.yuYueTime ? coalData.yuYueTime.slice(0, 10) + ' ' + coalData.yuYueTime.slice(11, 22) : '鏆傛棤鏃堕棿' }}</view> </view> - <view class="driver-coalFour"><image src="@/static/logo.gif" mode=""></image></view> + <view class="driver-coalFour"><image src="https://mx.jzeg.cn:9095/appimg/logo.gif" mode=""></image></view> </view> </view> </template> @@ -43,7 +43,9 @@ this.$reqGet('getTakeCoal', { takeCoalId: this.orderPlanId }).then(res => { console.log('鑾峰彇鎻愮叅鍗曡鎯�', res); if (res.code == 0) { - this.coalData = res.data[0]; + this.coalData = res.data; + } else { + this.$u.toast('鍔犺浇澶辫触'); } }); } @@ -69,31 +71,31 @@ margin-top: 19%; text-align: center; font-size: vww(40); - font-family: Source Han Sans CN, Source Han Sans CN-Bold; font-weight: 700; color: #896227; } &-coalTwo { margin-top: 20%; font-size: vww(20); - font-family: Source Han Sans CN, Source Han Sans CN-Bold; font-weight: 700; text-align: center; color: #2e363f; view:nth-child(2) { margin-top: vww(15); + font-size: 40px; } view:nth-child(3) { margin-top: vww(15); + font-size: 40px; } view:nth-child(4) { margin-top: vww(15); + font-size: 40px; } } &-coalThree { margin-top: vww(46); font-size: vww(18); - font-family: Source Han Sans CN, Source Han Sans CN-Bold; font-weight: 700; text-align: center; color: #2e363f; @@ -102,10 +104,13 @@ } } &-coalFour { - margin: vww(58.5) 0 0 45.5%; + display: flex; + justify-content: center; + align-items: center; + margin-top: vww(78); image { - width: vww(35); - height: vww(35); + width: vww(52); + height: vww(52); } } } -- Gitblit v1.9.1