左右大屏顶部

src/pages/modules/homepage/one.vue

@@ -0,0 +1,32 @@
+<template>
+    <div class="n_container">
+        <div class="n_header">
+            <h1>晟华大</h1>
+        </div>
+        <div class="n_body_container">
+            <div class="n_body_container_wraper">
+
+            </div>
+        </div>
+    </div>
+</template>
+
+<style lang="stylus" scoped>
+@import '~@css/mixin'
+.n_container
+    _wh(100%, 100%)
+.n_header
+    _wh(100%, 84px)
+    _bis('../../../images/top_left.png', auto,,right,,)
+    line-height 84px
+    h1
+        _font(36px, 56px, #fff,,right)
+        letter-spacing 6px
+        font-family "阿里妈妈数黑体" !important
+        margin-right -3px
+.n_body_container
+    _wh(100%, calc(100% - 84px))
+    padding 40px 0 20px 54px
+.n_body_container_wraper
+    _wh(100%, 100%)
+</style>

src/pages/modules/homepage/two.vue

@@ -0,0 +1,32 @@
+<template>
+    <div class="n_container">
+        <div class="n_header">
+            <h1>屏监控</h1>
+        </div>
+        <div class="n_body_container">
+            <div class="n_body_container_wraper">
+
+            </div>
+        </div>
+    </div>
+</template>
+
+<style lang="stylus" scoped>
+@import '~@css/mixin'
+.n_container
+    _wh(100%, 100%)
+.n_header
+    _wh(100%, 84px)
+    _bis('../../../images/top_right.png', auto,,left,,)
+    line-height 84px
+    h1
+        _font(36px, 56px, #fff,,left)
+        letter-spacing 6px
+        font-family "阿里妈妈数黑体" !important
+        padding-left 3px
+.n_body_container
+    _wh(100%, calc(100% - 84px))
+    padding 40px 0 20px 54px
+.n_body_container_wraper
+    _wh(100%, 100%)
+</style>

src/router/index.js

@@ -10,6 +10,9 @@ const LogisticsTech = r => require.ensure([], () => r(require('@page/LogisticsTe
 const ProdCount = r => require.ensure([], () => r(require('@page/ProdCount2')), 'ProdCount')
 Vue.use(Router)
 
+const HomePageOne = r => require.ensure([], () => r(require('@page/modules/homepage/one')), 'HomePageOne')
+const HomePageTwo = r => require.ensure([], () => r(require('@page/modules/homepage/two')), 'HomePageOne')
+
 export default new Router({
   linkActiveClass: 'tab-active',
   routes: [
@@ -21,6 +24,14 @@ export default new Router({
       path: '/setup',
       component: Setup
     },
+    {
+      path: '/homepageone',
+      component: HomePageOne
+    },
+    {
+      path: '/homepagetwo',
+      component: HomePageTwo
+    },
     {
       path: '/homepage',
       component: HomePage