From a2e5b78d3677cb0999c0b7faa6c93d97810370e2 Mon Sep 17 00:00:00 2001 From: liukangdong <898885815@qq.com> Date: 星期一, 14 十月 2024 17:04:53 +0800 Subject: [PATCH] ll --- screen/src/views/LogisticsEfficiency.vue | 62 +++++++++++++++++++++++++++--- 1 files changed, 55 insertions(+), 7 deletions(-) diff --git a/screen/src/views/LogisticsEfficiency.vue b/screen/src/views/LogisticsEfficiency.vue index f042f7b..ea14ba6 100644 --- a/screen/src/views/LogisticsEfficiency.vue +++ b/screen/src/views/LogisticsEfficiency.vue @@ -1,9 +1,8 @@ <template> - <v-scale-screen width="1920" height="960" :fullScreen="true"> + <v-scale-screen width="1920" height="960"> <div class="main_app"> <img src="@/assets/images/energy_ef/bg@2x.png" class="main_bg" alt="" /> <div class="main_header"> - <!-- <img src="@/assets/images/maintitle.gif" class="main_header_bg" alt="" /> --> <img src="@/assets/images/maintitle@2x.png" class="main_header_bg" alt="" /> <div class="title">瀹夋嘲鏅烘収鐗╂祦鍥尯-璋冨害鑳芥晥璺熻釜</div> <div class="time_wrap"> @@ -222,7 +221,16 @@ </div> <Percent :rate="80" /> </div> - <div class="list"></div> + <div class="list"> + <div class="item"> + <div class="la">榛勫北(鏂板埗鐨栫儫)</div> + <div class="val">400涓囨敮</div> + </div> + <div class="item"> + <div class="la">榛勫北(鏂板埗鐨栫儫)</div> + <div class="val">400涓囨敮</div> + </div> + </div> </div> </div> </div> @@ -723,16 +731,20 @@ .list { margin-left: 36px; + .item { margin-bottom: 14px; font-size: 14px; - &:nth-last-child(1){ + + &:nth-last-child(1) { margin: 0; } + .line { display: flex; align-items: center; margin-bottom: 6px; + .icon { width: 12px; height: 12px; @@ -741,15 +753,51 @@ background: linear-gradient(270deg, #29aeff 0%, #207ff7 100%); } } - .num{ + + .num { margin-left: 20px; } } } } } - .right_box_three{ + .right_box_three { + .repertory { + .header { + padding: 15px; + display: flex; + justify-content: space-between; + align-items: center; + font-size: 14px; + color: #D2E0FF; + margin-bottom: 11px; + .num { + font-weight: 500; + font-size: 16px; + color: #FFFFFF; + } + } + .list{ + margin-top: 22px; + .item{ + width: 100%; + height: 36px; + display: flex; + align-items: center; + &:nth-of-type(2n+1){ + background: rgba(0,152,255,0.13); + } + .la{ + flex: 5; + padding-left: 20px; + } + .val{ + flex: 2; + } + } + } + } } } } @@ -867,7 +915,7 @@ color: #FFFFFF; position: relative; z-index: -2; - + font-size: 14px; .main_bg { position: absolute; left: 0; -- Gitblit v1.9.3