白狗汪汪汪

src/App.vue

@@ -22,9 +22,7 @@ export default class App extends Vue {
   font-family: 'Avenir', Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-  margin-top: 60px;
+  height: 100%;
 }
 
 </style>
\ No newline at end of file

src/components/index/digitalLargeScreen/digitalLargeScreen.less

-.hello2{
-    display: block;
-    position: relative;
-    .text{
-        font-size: 25px;
-    }
+// 数据大屏
+
+.bigScreen{
+    width: 100%;
+    height: 100%;
+    background: rgba(23, 26, 59, 1);
+    overflow: hidden;
 }
\ No newline at end of file

src/components/index/digitalLargeScreen/digitalLargeScreen.ts

@@ -9,7 +9,6 @@ import { State,
         Mutation,
         namespace } from 'vuex-class';
 
-
 const test = namespace('test');
 
 @Component({})

src/components/index/digitalLargeScreen/digitalLargeScreen.vue

+<!--
+  数据大屏页面
+  白富友
+  2019/3/27
+-->
 <template>
-  <div class="hello2">
-      <p>测试vuex状态管理的组件</p>
-      <input type="text" v-model="user_Info">
-      <el-button @click="changeInfo">按钮</el-button>
-    <span class="text" v-text="`这是子组件内引入的状态：${info}`"></span>
+  <div class="bigScreen">
+     <header>
+       <img src="@/assets/img/img-title.png" alt="">
+     </header>
+     <div class="content">
+       <div class="left"></div>
+       <div class="center"></div>
+       <div class="right"></div>
+     </div>     
   </div>
 </template>