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