From 88589c5cb3db76197fd0748152c84b87c671a5d9 Mon Sep 17 00:00:00 2001
From: 明梦爽 <2972214568@qq.com>
Date: 星期三, 10 十一月 2021 17:49:12 +0800
Subject: [PATCH] 跨域问题解决

---
 src/components/page/introduce.vue |   74 +++++++++++++++++++++++++-----------
 1 files changed, 51 insertions(+), 23 deletions(-)

diff --git a/src/components/page/introduce.vue b/src/components/page/introduce.vue
index c69ac1e..e00f011 100644
--- a/src/components/page/introduce.vue
+++ b/src/components/page/introduce.vue
@@ -2,7 +2,24 @@
   <div>
     <el-row>
       <globalTitle />
-    </el-row> 
+    </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>
 
@@ -10,35 +27,46 @@
 import globalTitle from '../globalTitle.vue'
 export default {
   name: 'introduce',
-  components:{
+  components: {
     globalTitle
   },
   data() {
-      return{
-          menuList: [
-              {name: '绠�浠�'},
-              {name: '绔犵▼'},
-              {name: '缁勭粐鏈烘瀯'},
-              {name: '宸ヤ綔鑱岃矗'},
-              {name: '涓撹亴浜哄憳'}
-          ]
-      }
+    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>
-.el-header {
-  display: flex;
-  justify-content: space-between;
-  background-color: rgb(85, 81, 82);
-  font-size: 20px;
-  line-height: 60px;
-  padding: 0px 4px;
-}
-.el-aside {
-  background-color: rgb(242, 243, 245);
-  .el-menu {
-    border-right: none;
+
+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