| @@ -1,14 +1,17 @@ | |||||
| <!DOCTYPE html> | <!DOCTYPE html> | ||||
| <html> | <html> | ||||
| <head> | |||||
| <meta charset="utf-8"> | |||||
| <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,minimum-scale=1.0,maximum=scale=1.0" /> | |||||
| <head> | |||||
| <meta charset="utf-8"> | |||||
| <meta name="viewport" | |||||
| content="width=device-width,initial-scale=1,user-scalable=0,minimum-scale=1.0,maximum=scale=1.0" /> | |||||
| <link rel="shortcut icon" type="image/x-icon" href="static/favicon.ico"> | |||||
| <title>农燊高科</title> | |||||
| </head> | |||||
| <title>nsgk_frame</title> | |||||
| </head> | |||||
| <body> | |||||
| <div id="app"></div> | |||||
| <!-- built files will be auto injected --> | |||||
| </body> | |||||
| </html> | |||||
| <body> | |||||
| <div id="app"></div> | |||||
| <!-- built files will be auto injected --> | |||||
| </body> | |||||
| </html> | |||||
| @@ -1,13 +1,13 @@ | |||||
| <template> | <template> | ||||
| <div id="app"> | <div id="app"> | ||||
| <div | <div | ||||
| class="nsgk-noNav-main" | |||||
| class="nsgk-global-main" | |||||
| v-if="!$route.meta.hidden || $route.meta.hidden == undefined" | v-if="!$route.meta.hidden || $route.meta.hidden == undefined" | ||||
| > | > | ||||
| <router-view /> | <router-view /> | ||||
| <navFooter></navFooter> | <navFooter></navFooter> | ||||
| </div> | </div> | ||||
| <div class="nsgk-global-main" v-else> | |||||
| <div class="nsgk-noNav-main" v-else> | |||||
| <router-view /> | <router-view /> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| @@ -24,6 +24,8 @@ export default { | |||||
| <style lang="scss" > | <style lang="scss" > | ||||
| @import "./assets/css/base"; | @import "./assets/css/base"; | ||||
| .nsgk-noNav-main { | |||||
| .nsgk-global-main { | |||||
| min-height: 100vh; | |||||
| padding-bottom: 110px; | |||||
| } | } | ||||
| </style> | </style> | ||||
| @@ -13,10 +13,10 @@ | |||||
| <p class="text">工作台</p> | <p class="text">工作台</p> | ||||
| </router-link> | </router-link> | ||||
| <router-link to="/addressBook" class="tab" active-class="active"> | <router-link to="/addressBook" class="tab" active-class="active"> | ||||
| <span class="icon"><van-icon name="manager-o" size="20" /></span> | |||||
| <span class="icon"><van-icon name="orders-o" size="20" /></span> | |||||
| <p class="text">通讯录</p> | <p class="text">通讯录</p> | ||||
| </router-link> | </router-link> | ||||
| <router-link to="/my" class="tab" active-class="active"> | |||||
| <router-link to="/mynsgk" class="tab" active-class="active"> | |||||
| <span class="icon"><van-icon name="contact" size="20" /></span> | <span class="icon"><van-icon name="contact" size="20" /></span> | ||||
| <p class="text">我的</p> | <p class="text">我的</p> | ||||
| </router-link> | </router-link> | ||||
| @@ -46,8 +46,6 @@ export default { | |||||
| align-items: center; | align-items: center; | ||||
| position: fixed; | position: fixed; | ||||
| padding: 10px 40px; | padding: 10px 40px; | ||||
| .active { | |||||
| } | |||||
| .tab { | .tab { | ||||
| color: #5d656b; | color: #5d656b; | ||||
| text-align: center; | text-align: center; | ||||
| @@ -13,9 +13,9 @@ export const constantRoutes = [ | |||||
| path: '/index', | path: '/index', | ||||
| name: 'index', | name: 'index', | ||||
| meta: { | meta: { | ||||
| title: '主页', //当前页面title | |||||
| title: '主页', | |||||
| }, | }, | ||||
| component: (resolve) => require(['@/views/home'], resolve) | |||||
| component: (resolve) => require(['@/views/index'], resolve) | |||||
| }, | }, | ||||
| { | { | ||||
| path: '/login', | path: '/login', | ||||
| @@ -25,6 +25,38 @@ export const constantRoutes = [ | |||||
| hidden: true | hidden: true | ||||
| }, | }, | ||||
| component: (resolve) => require(['@/views/login'], resolve) | component: (resolve) => require(['@/views/login'], resolve) | ||||
| }, | |||||
| { | |||||
| path: '/document', | |||||
| name: 'document', | |||||
| meta: { | |||||
| title: '文档', | |||||
| }, | |||||
| component: (resolve) => require(['@/views/document'], resolve) | |||||
| }, | |||||
| { | |||||
| path: '/workbench', | |||||
| name: 'workbench', | |||||
| meta: { | |||||
| title: '工作台', | |||||
| }, | |||||
| component: (resolve) => require(['@/views/workbench'], resolve) | |||||
| }, | |||||
| { | |||||
| path: '/addressBook', | |||||
| name: 'addressBook', | |||||
| meta: { | |||||
| title: '通讯录', | |||||
| }, | |||||
| component: (resolve) => require(['@/views/addressBook'], resolve) | |||||
| }, | |||||
| { | |||||
| path: '/mynsgk', | |||||
| name: 'mynsgk', | |||||
| meta: { | |||||
| title: '我的', | |||||
| }, | |||||
| component: (resolve) => require(['@/views/addressBook'], resolve) | |||||
| } | } | ||||
| ]; | ]; | ||||
| @@ -0,0 +1,19 @@ | |||||
| <template> | |||||
| <div class="app-container">通讯录</div> | |||||
| </template> | |||||
| <script> | |||||
| export default { | |||||
| name: "addressBook", | |||||
| data() { | |||||
| return {}; | |||||
| }, | |||||
| mounted() {}, | |||||
| methods: {}, | |||||
| }; | |||||
| </script> | |||||
| <style scoped lang="scss"> | |||||
| .app-container { | |||||
| } | |||||
| </style> | |||||
| @@ -0,0 +1,19 @@ | |||||
| <template> | |||||
| <div class="app-container">文档</div> | |||||
| </template> | |||||
| <script> | |||||
| export default { | |||||
| name: "document", | |||||
| data() { | |||||
| return {}; | |||||
| }, | |||||
| mounted() {}, | |||||
| methods: {}, | |||||
| }; | |||||
| </script> | |||||
| <style scoped lang="scss"> | |||||
| .app-container { | |||||
| } | |||||
| </style> | |||||
| @@ -1,5 +1,5 @@ | |||||
| <template> | <template> | ||||
| <div class="app-container">主页主页主页主页主页主页主页主页主页主页</div> | |||||
| <div class="app-container">主页</div> | |||||
| </template> | </template> | ||||
| <script> | <script> | ||||
| @@ -8,11 +8,12 @@ export default { | |||||
| data() { | data() { | ||||
| return {}; | return {}; | ||||
| }, | }, | ||||
| mounted() {}, | |||||
| methods: {}, | |||||
| }; | }; | ||||
| </script> | </script> | ||||
| <style scoped lang="scss"> | <style scoped lang="scss"> | ||||
| .app-container { | .app-container { | ||||
| font-size: 32px; | |||||
| } | } | ||||
| </style> | </style> | ||||
| @@ -0,0 +1,19 @@ | |||||
| <template> | |||||
| <div class="app-container">我的</div> | |||||
| </template> | |||||
| <script> | |||||
| export default { | |||||
| name: "mynsgk", | |||||
| data() { | |||||
| return {}; | |||||
| }, | |||||
| mounted() {}, | |||||
| methods: {}, | |||||
| }; | |||||
| </script> | |||||
| <style scoped lang="scss"> | |||||
| .app-container { | |||||
| } | |||||
| </style> | |||||
| @@ -0,0 +1,18 @@ | |||||
| <template> | |||||
| <div class="app-container">工作台</div> | |||||
| </template> | |||||
| <script> | |||||
| export default { | |||||
| name: "workbench", | |||||
| data() { | |||||
| return {}; | |||||
| }, | |||||
| mounted() { }, | |||||
| methods: {}, | |||||
| }; | |||||
| </script> | |||||
| <style scoped lang="scss"> | |||||
| .app-container {} | |||||
| </style> | |||||