From e8fe2aff692757d32b93827b656ea604fbe6d720 Mon Sep 17 00:00:00 2001 From: 明梦爽 <2972214568@qq.com> Date: 星期二, 02 十一月 2021 08:59:52 +0800 Subject: [PATCH] ready --- src/components/page/banShiZhiNan.vue | 15 +++ src/assets/bg.png | 0 src/components/Home.vue | 97 +++++++++---------- src/assets/xiaohui3.png | 0 src/components/page/xueShuJiaoLiu.vue | 15 +++ src/router.js | 42 ++++++++ src/components/page/xueXiaoShouYe.vue | 15 +++ src/components/page/telephone.vue | 15 +++ src/assets/xiaohui4.png | 0 src/components/page/kePu.vue | 15 +++ src/assets/xiaohui2.png | 0 src/components/page/zhengce.vue | 15 +++ src/components/page/keXieXiangMu.vue | 15 +++ 13 files changed, 193 insertions(+), 51 deletions(-) diff --git a/src/assets/bg.png b/src/assets/bg.png new file mode 100644 index 0000000..609045e --- /dev/null +++ b/src/assets/bg.png Binary files differ diff --git a/src/assets/xiaohui2.png b/src/assets/xiaohui2.png new file mode 100644 index 0000000..e068e85 --- /dev/null +++ b/src/assets/xiaohui2.png Binary files differ diff --git a/src/assets/xiaohui3.png b/src/assets/xiaohui3.png new file mode 100644 index 0000000..ae5956f --- /dev/null +++ b/src/assets/xiaohui3.png Binary files differ diff --git a/src/assets/xiaohui4.png b/src/assets/xiaohui4.png new file mode 100644 index 0000000..4f4931c --- /dev/null +++ b/src/assets/xiaohui4.png Binary files differ diff --git a/src/components/Home.vue b/src/components/Home.vue index 3090d8c..d2ab8ad 100644 --- a/src/components/Home.vue +++ b/src/components/Home.vue @@ -2,34 +2,34 @@ <el-container class="home-container"> <el-header> <div> - <img src="../assets/xiaohui.png" alt="" /> - <span>骞抽《灞卞闄㈢瀛︽妧鏈浼�</span> + <img src="../assets/xiaohui4.png" alt="" /> </div> + <div class="bg"></div> </el-header> <el-row> - <el-menu - mode="horizontal" - background-color="rgb(64, 112, 186)" - text-color="white" - class="menu" - :default-active="activeIndex" - @select="handleSelect" - > + <el-menu + mode="horizontal" + background-color="rgb(64, 112, 186)" + text-color="white" + class="menu" + :default-active="activeIndex" + @select="handleSelect" + > <el-menu-item index="index">棣栭〉</el-menu-item> <el-menu-item index="introduce">绉戝崗姒傚喌</el-menu-item> - <el-menu-item index="3">鏀跨瓥娉曡</el-menu-item> - <el-menu-item index="4">绉戝崗椤圭洰</el-menu-item> - <el-menu-item index="5">瀛︽湳浜ゆ祦</el-menu-item> - <el-menu-item index="6">鍔炰簨鎸囧崡</el-menu-item> - <el-menu-item index="7">绉戞櫘椋庨噰</el-menu-item> - <el-menu-item index="8">瀛︽牎棣栭〉</el-menu-item> - <el-menu-item index="9">鑱旂郴鎴戜滑</el-menu-item> + <el-menu-item index="zhengce">鏀跨瓥娉曡</el-menu-item> + <el-menu-item index="keXieXiangMu">绉戝崗椤圭洰</el-menu-item> + <el-menu-item index="xueShuJiaoLiu">瀛︽湳浜ゆ祦</el-menu-item> + <el-menu-item index="banShiZhiNan">鍔炰簨鎸囧崡</el-menu-item> + <el-menu-item index="kePu">绉戞櫘椋庨噰</el-menu-item> + <el-menu-item index="xueXiaoShouYe">瀛︽牎棣栭〉</el-menu-item> + <el-menu-item index="telephone">鑱旂郴鎴戜滑</el-menu-item> </el-menu> </el-row> <el-container> - <el-main> + <el-main> <router-view></router-view> - </el-main> + </el-main> </el-container> <el-footer>Footer</el-footer> </el-container> @@ -37,21 +37,20 @@ <script> export default { - name:'', - data(){ - return{ - activeIndex:'index', - } - }, - methods:{ - handleSelect(key, keyPath) { - console.log(key, keyPath); - this.$router.push({ - path:'/home/'+keyPath - }) - } + name: '', + data() { + return { + activeIndex: 'index' } - + }, + methods: { + handleSelect(key, keyPath) { + console.log(key, keyPath) + this.$router.push({ + path: '/home/' + keyPath + }) + } + } } </script> @@ -73,29 +72,25 @@ background: linear-gradient(to right, rgb(5, 102, 141), rgb(240, 243, 189)); } .el-header { - height: 90px !important; + height: 93px !important; overflow: hidden; div { display: flex; justify-content: left; - // align-items: center; - span { - margin-left: 100px; - font-size: 30px; - line-height: 90px; - } - } - .el-menu { - .el-menu-item { - width: 150px; - font-size: 15px; - text-align: center; - } } } -.menu{ - display: flex; - justify-content: space-between; +.el-menu { + .el-menu-item { + width: 150px; + font-size: 15px; + text-align: center; + } } - +.menu { + display: flex; + justify-content: space-between; +} +.el-footer { + background-color: rgb(85, 81, 82); +} </style> \ No newline at end of file diff --git a/src/components/page/banShiZhiNan.vue b/src/components/page/banShiZhiNan.vue new file mode 100644 index 0000000..33d8489 --- /dev/null +++ b/src/components/page/banShiZhiNan.vue @@ -0,0 +1,15 @@ +<template> + <div> + <span>鍔炰簨鎸囧崡</span> + </div> +</template> + +<script> +export default { + name: 'zhengce' +} +</script> + +<style lang="less" scoped> + +</style> \ No newline at end of file diff --git a/src/components/page/kePu.vue b/src/components/page/kePu.vue new file mode 100644 index 0000000..6a98fa2 --- /dev/null +++ b/src/components/page/kePu.vue @@ -0,0 +1,15 @@ +<template> + <div> + <span>绉戞櫘椋庨噰</span> + </div> +</template> + +<script> +export default { + name: 'zhengce' +} +</script> + +<style lang="less" scoped> + +</style> \ No newline at end of file diff --git a/src/components/page/keXieXiangMu.vue b/src/components/page/keXieXiangMu.vue new file mode 100644 index 0000000..5dd3537 --- /dev/null +++ b/src/components/page/keXieXiangMu.vue @@ -0,0 +1,15 @@ +<template> + <div> + <span>绉戝崗椤圭洰</span> + </div> +</template> + +<script> +export default { + name: 'zhengce' +} +</script> + +<style lang="less" scoped> + +</style> \ No newline at end of file diff --git a/src/components/page/telephone.vue b/src/components/page/telephone.vue new file mode 100644 index 0000000..451c7cc --- /dev/null +++ b/src/components/page/telephone.vue @@ -0,0 +1,15 @@ +<template> + <div> + <span>鑱旂郴鎴戜滑</span> + </div> +</template> + +<script> +export default { + name: 'zhengce' +} +</script> + +<style lang="less" scoped> + +</style> \ No newline at end of file diff --git a/src/components/page/xueShuJiaoLiu.vue b/src/components/page/xueShuJiaoLiu.vue new file mode 100644 index 0000000..599e7e3 --- /dev/null +++ b/src/components/page/xueShuJiaoLiu.vue @@ -0,0 +1,15 @@ +<template> + <div> + <span>瀛︽湳浜ゆ祦</span> + </div> +</template> + +<script> +export default { + name: 'zhengce' +} +</script> + +<style lang="less" scoped> + +</style> \ No newline at end of file diff --git a/src/components/page/xueXiaoShouYe.vue b/src/components/page/xueXiaoShouYe.vue new file mode 100644 index 0000000..d80bfb7 --- /dev/null +++ b/src/components/page/xueXiaoShouYe.vue @@ -0,0 +1,15 @@ +<template> + <div> + <span>瀛︽牎棣栭〉</span> + </div> +</template> + +<script> +export default { + name: 'zhengce' +} +</script> + +<style lang="less" scoped> + +</style> \ No newline at end of file diff --git a/src/components/page/zhengce.vue b/src/components/page/zhengce.vue new file mode 100644 index 0000000..769ff1f --- /dev/null +++ b/src/components/page/zhengce.vue @@ -0,0 +1,15 @@ +<template> + <div> + <span>鏀跨瓥</span> + </div> +</template> + +<script> +export default { + name: 'zhengce' +} +</script> + +<style lang="less" scoped> + +</style> \ No newline at end of file diff --git a/src/router.js b/src/router.js index 150ed57..5d9bbd4 100644 --- a/src/router.js +++ b/src/router.js @@ -4,6 +4,13 @@ import Home from './components/Home.vue' import index from './components/page/index.vue' import introduce from './components/page/introduce.vue' +import zhengce from './components/page/zhengce.vue' +import keXieXiangMu from './components/page/keXieXiangMu.vue' +import xueShuJiaoLiu from './components/page/xueShuJiaoLiu.vue' +import banShiZhiNan from './components/page/banShiZhiNan.vue' +import kePu from './components/page/kePu.vue' +import xueXiaoShouYe from './components/page/xueXiaoShouYe.vue' +import telephone from './components/page/telephone.vue' Vue.use(Router) @@ -29,6 +36,41 @@ name:'introduce', component:introduce }, + { + path:'zhengce', + name:'zhengce', + component:zhengce + }, + { + path:'keXieXiangMu', + name:'keXieXiangMu', + component:keXieXiangMu + }, + { + path:'xueShuJiaoLiu', + name:'xueShuJiaoLiu', + component:xueShuJiaoLiu + }, + { + path:'banShiZhiNan', + name:'banShiZhiNan', + component:banShiZhiNan + }, + { + path:'kePu', + name:'kePu', + component:kePu + }, + { + path:'xueXiaoShouYe', + name:'xueXiaoShouYe', + component:xueXiaoShouYe + }, + { + path:'telephone', + name:'telephone', + component:telephone + }, ] } ] -- Gitblit v1.8.0