From e0b0d19b4b95abed5cdb2e5e8933e07c369add62 Mon Sep 17 00:00:00 2001 From: jiangping <jp@doumee.com> Date: 星期一, 21 八月 2023 10:04:50 +0800 Subject: [PATCH] Merge branch 'master' of http://139.186.142.91:10010/r/productDev/dmMes --- screen_standard/src/components/AppLayout.vue | 50 +++++++++++++++++++++++++++++++++++++++++++++++++- 1 files changed, 49 insertions(+), 1 deletions(-) diff --git a/screen_standard/src/components/AppLayout.vue b/screen_standard/src/components/AppLayout.vue index 0197674..f54d402 100644 --- a/screen_standard/src/components/AppLayout.vue +++ b/screen_standard/src/components/AppLayout.vue @@ -1,16 +1,64 @@ <template> <div class="content"> - + <div class="header"> + <div class="header-item" style="font-size: 20px;">璞嗙背绉戞妧</div> + <div class="title">DM浜戝伐鍘傝溅闂村ぇ灞�</div> + <div class="header-item">澶╂皵</div> + </div> + + <div class="num-list"> + + </div> + <RouterView /> </div> </template> <script setup> +import { reactive } from 'vue'; +import { RouterView } from 'vue-router' + +const layoutList = [ + { bgImg: requir('@/assets/img/bg_zhixingzhong@2x.png'), name: '鎵ц涓鍒掓暟(涓�)', logo: requir('@/assets/img') } +] + </script> <style lang="scss" scoped> .content { background-image: url('@/assets/img/bg@2x.png'); + background-position: center; + background-size: 100% 100%; + background-repeat: no-repeat; + width: 100%; + height: 100%; + padding: 30px; + box-sizing: border-box; + .header { + background-image: url('@/assets/img/bg_maintitle@2x.png'); + background-size: 100% 74px; + width: 100%; + height: 74px; + display: flex; + padding-top: 1px; + justify-content: space-between; + color: #fff; + .header-item { + width: 200px; + } + .title { + margin-top: 15px; + font-size: 25px; + font-weight: 500; + text-shadow: 0px 2px 17px rgba(0,0,0,0.32); + line-height: 25px; + text-align: center; + } + } + .num-list { + display: flex; + justify-content: space-between; + } } </style> -- Gitblit v1.9.3