vijay
/
Mosqkiller
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

# up base style

This commit is contained in:
xianfuxing 2018-09-07 17:25:28 +08:00
parent f584b7e435
commit 3dbeb5ae8b
1 changed files with 52 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/counter/components/screen.vue
View File

@ -1,5 +1,6 @@
<template> <template>
<div class="screen-wrapper"> <div class="app-container">
<div class="base-wrapper">
<div class="device-base"> <div class="device-base">
<ul> <ul>
<li>设备: <span>{{deviceID}}</span></li> <li>设备: <span>{{deviceID}}</span></li>
@ -7,6 +8,8 @@
<li>设备名称: <span>香港大学1号机</span></li> <li>设备名称: <span>香港大学1号机</span></li>
</ul> </ul>
</div> </div>
</div>
<div class="screen-wrapper">
<div class="device-screen"> <div class="device-screen">
<table cellspacing="0"> <table cellspacing="0">
<tbody> <tbody>
@ -44,6 +47,7 @@
</ul> </ul>
</div> </div>
</div> </div>
</div>
</template> </template>
<script> <script>
@ -86,8 +90,7 @@ export default {
.text-danger { .text-danger {
color: #F56C6C color: #F56C6C
} }
.screen-wrapper { .base-wrapper {
background: #F2F6FC;
overflow: auto; overflow: auto;
.device-base { .device-base {
display: flex; display: flex;
@ -105,6 +108,9 @@ export default {
} }
} }
} }
}
.screen-wrapper {
background: #F2F6FC;
.device-screen { .device-screen {
display: flex; display: flex;
justify-content: center; justify-content: center;