From 01e96c8855927df67ac8a6831e345b6cb33140d1 Mon Sep 17 00:00:00 2001 From: qingyiay <2386314947@qq.com> Date: 星期二, 09 五月 2023 18:49:40 +0800 Subject: [PATCH] 样式修改 --- pages/public-page/faYunstatisticsDetails/faYunstatisticsDetails.vue | 96 +++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 95 insertions(+), 1 deletions(-) diff --git a/pages/public-page/faYunstatisticsDetails/faYunstatisticsDetails.vue b/pages/public-page/faYunstatisticsDetails/faYunstatisticsDetails.vue index ceb911d..ee0fa01 100644 --- a/pages/public-page/faYunstatisticsDetails/faYunstatisticsDetails.vue +++ b/pages/public-page/faYunstatisticsDetails/faYunstatisticsDetails.vue @@ -1,5 +1,65 @@ <template> <view> + <view class="main"> + <view class="main-body"> + <view class="body-container"> + <view class="container-block"> + <view class="">杞︾墝鍙�</view> + <view class="">{{ faYunDetailobj.carNo || '' }}</view> + </view> + </view> + <view class="body-container"> + <view class="container-block"> + <view class="">鎻愮叅鍗曠姸鎬�</view> + <view class="">{{ coalStatus[faYunDetailobj.status] }}</view> + </view> + </view> + <view class="body-container"> + <view class="container-block"> + <view class="">鍏ュ満鏃堕棿</view> + <view class="">{{ faYunDetailobj.inTime || '' }}</view> + </view> + </view> + <view class="body-container"> + <view class="container-block"> + <view class="">鐨噸</view> + <view class="">{{ faYunDetailobj.skin || 0 }}</view> + </view> + </view> + <view class="body-container"> + <view class="container-block"> + <view class="">姣涢噸</view> + <view class="">{{ faYunDetailobj.hair || '' }}</view> + </view> + </view> + <view class="body-container"> + <view class="container-block"> + <view class="">鍑�閲�</view> + <view class="">{{ faYunDetailobj.clean || '' }}</view> + </view> + </view> + <view class="body-container"> + <view class="container-block"> + <view class="">璁㈠崟鍓╀綑閲�</view> + <view class="">{{ faYunDetailobj.allowance || '' }}</view> + </view> + </view> + <view class="body-container"> + <view class="container-block"> + <view class="">鎻愮叅鍗曠紪鍙�</view> + <view class="">{{ faYunDetailobj.code || '' }}</view> + </view> + </view> + <view class="body-container last"> + <view class="container-block"> + <view class="">璁㈠崟缂栧彿</view> + <view class="">{{ faYunDetailobj.orderCode || '' }}</view> + </view> + </view> + </view> + </view> + </view> + <!-- <view> <combined-title title="鍙戣繍璇︽儏"></combined-title> <view class="compDetails"> <uni-table border stripe emptyText="鏆傛棤鏇村鏁版嵁"> @@ -45,7 +105,7 @@ </uni-tr> </uni-table> </view> - </view> + </view> --> </template> <script> @@ -74,6 +134,40 @@ </script> <style scoped lang="scss"> +@mixin flex { + display: flex; + justify-content: space-between; + align-items: center; +} +.main { + width: 100%; + margin-top: vww(10); + @include flex justify-content: center; + .main-body { + width: 690rpx; + height: 1062rpx; + 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; + @include flex flex-direction: column; + align-items: flex-start; + .body-container { + width: 100%; + height: vww(56); + border-bottom: vww(1) solid #d6d6d6; + @include flex; + justify-content: center; + .container-block { + width: 96%; + height: vww(56); + @include flex; + } + } + .last { + border-bottom: none; + } + } +} .uni-table { .uni-table-tr { padding: 0; -- Gitblit v1.9.1