| | |
| | | <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> |