From 02af0c8cd2d430c7f975079943dff02638a0a8ad Mon Sep 17 00:00:00 2001
From: 明梦爽 <2972214568@qq.com>
Date: 星期二, 02 十一月 2021 15:22:14 +0800
Subject: [PATCH] ready
---
src/components/Home.vue | 109 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 109 insertions(+), 0 deletions(-)
diff --git a/src/components/Home.vue b/src/components/Home.vue
new file mode 100644
index 0000000..331fb98
--- /dev/null
+++ b/src/components/Home.vue
@@ -0,0 +1,109 @@
+<template>
+ <el-container class="home-container">
+ <!-- 涓婚〉澶撮儴 -->
+ <el-header>
+ <div>
+ <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"
+ active-text-color="#000000"
+ :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="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 class="main">
+ <router-view></router-view>
+ </el-main>
+ </el-container>
+ <el-footer>@骞抽《灞卞闄㈢瀛︽妧鏈崗浼�</el-footer>
+ </el-container>
+</template>
+
+<script>
+export default {
+ name: '',
+ data() {
+ return {
+ activeIndex: 'index'
+ }
+ },
+ methods: {
+ handleSelect(key, keyPath) {
+ console.log(key, keyPath)
+ this.$router.push({
+ path: '/home/' + keyPath
+ })
+ }
+ }
+}
+</script>
+
+<style lang="less" scoped>
+.home-container {
+ height: 100%;
+}
+.el-header {
+ background: -webkit-linear-gradient(
+ left,
+ rgb(5, 102, 141),
+ rgb(240, 243, 189)
+ );
+
+ background: -o-linear-gradient(right, rgb(5, 102, 141), rgb(240, 243, 189));
+
+ background: -moz-linear-gradient(right, rgb(5, 102, 141), rgb(240, 243, 189));
+
+ background: linear-gradient(to right, rgb(5, 102, 141), rgb(240, 243, 189));
+}
+.el-header {
+ height: 93px !important;
+ overflow: hidden;
+ div {
+ display: flex;
+ justify-content: left;
+ }
+}
+.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);
+}
+.main {
+ padding: 20px 5px;
+}
+.el-footer {
+ font-size: 15px;
+ color: white;
+ text-align: center;
+ line-height: 60px;
+}
+</style>
\ No newline at end of file
--
Gitblit v1.8.0