@@ -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> |