From 5ec422151028632341a44a449448ef5e00b33047 Mon Sep 17 00:00:00 2001 From: 叶松 <2217086471@qq.com> Date: 星期三, 15 十一月 2023 13:11:08 +0800 Subject: [PATCH] 样式修改 --- /dev/null | 141 ----------------------------------------------- web/src/views/MixingInfo/messageInfo.vue | 4 web/src/router/index.js | 8 -- 3 files changed, 2 insertions(+), 151 deletions(-) diff --git a/web/src/router/index.js b/web/src/router/index.js index ded273a..32203b8 100644 --- a/web/src/router/index.js +++ b/web/src/router/index.js @@ -23,14 +23,6 @@ component: () => import('../views/MixingInfo/messageInfo.vue'), }, { - path: '/mixingTwo', - name: 'mixingTwo', - meta: { - title: '管片搅合站2' - }, - component: () => import('../views/MixingInfo/messageTwo.vue'), - }, - { path: '/ScanBear', name: 'ScanBear', meta: { diff --git a/web/src/views/MixingInfo/messageInfo.vue b/web/src/views/MixingInfo/messageInfo.vue index 32ab4b2..162a141 100644 --- a/web/src/views/MixingInfo/messageInfo.vue +++ b/web/src/views/MixingInfo/messageInfo.vue @@ -125,13 +125,13 @@ flex: none; color: #FFFFFF; font-weight: 400; - font-size: 5.5rem; + font-size: 5rem; } .mixing_rows_datas{ flex: none; color: #FFFFFF; font-weight: 400; - font-size: 5.5rem; + font-size: 5rem; } } } diff --git a/web/src/views/MixingInfo/messageTwo.vue b/web/src/views/MixingInfo/messageTwo.vue deleted file mode 100644 index 3cb5d17..0000000 --- a/web/src/views/MixingInfo/messageTwo.vue +++ /dev/null @@ -1,141 +0,0 @@ -<template> - <div class="mixing_index"> - <div class="mixing_header"> - <div class="mixing_main"> - <div class="mixing_left"> - <div class="mixing_left_num"><span>2</span></div> - <div class="mixing_left_name">碎石3-30mm</div> - </div> - <div class="mixing_right"> - <div class="mixing_rows"> - <div class="mixing_rows_titles">产地名称:</div> - <div class="mixing_rows_datas">重庆涪陵区</div> - </div> - <div class="mixing_rows"> - <div class="mixing_rows_titles">进场数量:</div> - <div class="mixing_rows_datas">521.53 t</div> - </div> - <div class="mixing_rows"> - <div class="mixing_rows_titles">进场日期:</div> - <div class="mixing_rows_datas">2023-11-11</div> - </div> - <div class="mixing_rows"> - <div class="mixing_rows_titles">检验状态:</div> - <div class="mixing_rows_datas" style="color:#11BE4E;font-size:9rem;">合格</div> - </div> - <div class="mixing_rows"> - <div class="mixing_rows_titles">检验日期:</div> - <div class="mixing_rows_datas"></div> - </div> - <div class="mixing_rows"> - <div class="mixing_rows_titles">报告编号:</div> - <div class="mixing_rows_datas"></div> - </div> - </div> - </div> - </div> - </div> -</template> -<script> -export default { - data(){ - return{ - } - }, - mounted(){ - }, - methods:{ - } -} -</script> -<style scoped lang="scss"> -.mixing_index{ - width: 100%; - height: 100%; - background-color: #041A3F; - padding: 5px; - - .mixing_header{ - width: 100%; - height: 100%; - padding: 108px 50px 40px; - background: url("../../assets/mixing/mixing_bg.png") no-repeat; - background-size: 100% 100%; - background-position: center center; - - .mixing_main{ - width: 100%; - height: 100%; - padding: 20px 15px; - display: flex; - .mixing_left{ - width: 45%; - margin-right: 15px; - display: flex; - flex-direction: column; - align-items: center; - justify-content: space-between; - - .mixing_left_num{ - width: 100%; - height: 78%; - padding: 10px; - background: url("../../assets/mixing/mixing_left_bg.png") no-repeat; - background-size: 100% 100%; - span{ - height: 100%; - padding: 10px 0; - display: flex; - justify-content: center; - align-items: center; - color: rgba(254, 252, 94, 1); - font-size: 44rem; - font-weight: bold; - background-color: rgba(37, 129, 255, 0.29); - } - } - .mixing_left_name{ - width: 100%; - height: 20%; - margin-top: 15px; - display: flex; - justify-content: center; - align-items: center; - text-shadow: 5px 7px 0px rgba(0,66,255,0.2), 16px 23px 16px rgba(14,19,48,0.15); - background: linear-gradient(to bottom,#FFFFFF 0%,rgba(140, 186, 255, 0.88) 100%); - background-clip: text; - -webkit-background-clip: text; - text-fill-color: transparent; - -webkit-text-fill-color: transparent; - color: #FFFFFF; - font-size: 9rem; - font-weight: 500; - } - } - .mixing_right{ - width:55%; - background: linear-gradient(to right,#0D3776 0%,#041A40 100%); - display: flex; - flex-direction: column; - justify-content: space-around; - .mixing_rows{ - padding: 10px 20px; - display: flex; - .mixing_rows_titles{ - flex: none; - color: #FFFFFF; - font-weight: 400; - font-size: 5.5rem; - } - .mixing_rows_datas{ - flex: none; - color: #FFFFFF; - font-weight: 400; - font-size: 5.5rem; - } - } - } - } - } -} -</style> \ No newline at end of file -- Gitblit v1.9.3