# up base style

src/views/counter/components/screen.vue

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