From 6a1866f5271dd59f1df1c70fdbfeba1591bfa7c3 Mon Sep 17 00:00:00 2001
From: 明梦爽 <2972214568@qq.com>
Date: 星期四, 11 十一月 2021 15:49:00 +0800
Subject: [PATCH] 登录完成
---
src/components/page/introduce.vue | 89 +++++++++++++++++++++++++++++++++-----------
1 files changed, 66 insertions(+), 23 deletions(-)
diff --git a/src/components/page/introduce.vue b/src/components/page/introduce.vue
index 29aa131..e00f011 100644
--- a/src/components/page/introduce.vue
+++ b/src/components/page/introduce.vue
@@ -1,29 +1,72 @@
<template>
- <div>
- <span>姒傚喌</span><br>
- <span>姒傚喌</span><br>
- <span>姒傚喌</span><br>
- <span>姒傚喌</span><br>
- <span>姒傚喌</span><br>
- <span>姒傚喌</span><br>
- <span>姒傚喌</span><br>
- <span>姒傚喌</span><br>
- <span>姒傚喌</span><br>
- <span>姒傚喌</span><br>
- <span>姒傚喌</span><br>
- <span>姒傚喌</span><br>
- <span>姒傚喌</span><br>
- <span>姒傚喌</span><br>
- <span>姒傚喌</span><br>
- <span>姒傚喌</span><br>
- </div>
+ <div>
+ <el-row>
+ <globalTitle />
+ </el-row>
+ <el-row class="mart10">
+ <el-col :span="4" class="marr10">
+ <ul>
+ <li
+ v-for="(item, index) in menuList"
+ :key="index"
+ class="liStylenone liPointer marb10"
+ @click="changeMenu(item.name)"
+ >
+ <b :class="cont == item.name?'ft-blue':'ft-black'">{{ item.name }}</b>
+ </li>
+ </ul>
+ </el-col>
+ <el-col :span="18">
+ <div v-html="cont"></div>
+ </el-col>
+ </el-row>
+ </div>
</template>
-<script>
-export default {
- name:'introduce'
-}
+<script>
+import globalTitle from '../globalTitle.vue'
+export default {
+ name: 'introduce',
+ components: {
+ globalTitle
+ },
+ data() {
+ return {
+ cont:'',
+ menuList: [
+ { name: '绠�浠�' },
+ { name: '绔犵▼' },
+ { name: '缁勭粐鏈烘瀯' },
+ { name: '宸ヤ綔鑱岃矗' },
+ { name: '涓撹亴浜哄憳' }
+ ]
+ }
+ },
+ mounted(){
+ this.cont = this.menuList[0].name;
+ },
+ methods:{
+ changeMenu(val){
+ this.cont = val;
+ },
+ }
+}
</script>
<style lang="less" scoped>
-
+
+ul {
+ width: 200px;
+ li {
+ background-color: rgb(242, 243, 245);
+ height: 50px;
+ line-height: 50px;
+ text-align: center;
+ }
+}
+.ft-blue{
+ color:rgb(9, 143, 252);
+}
+.ft-black{
+ color: #000;
+}
</style>
\ No newline at end of file
--
Gitblit v1.8.0