From aef7583ccccd04b6f63a81d8cdf174bdb57d390f Mon Sep 17 00:00:00 2001
From: 明梦爽 <2972214568@qq.com>
Date: 星期六, 06 十一月 2021 16:20:01 +0800
Subject: [PATCH] 科协概况完成
---
src/assets/css/my_style.css | 17 ++++++++
src/views/school.vue | 4 +-
src/views/other.vue | 2
src/views/work.vue | 4 +-
src/components/page/introduce.vue | 75 ++++++++++++++++++++++++++-----------
src/views/homePage/moreMessage.vue | 6 +-
src/views/notice.vue | 4 +-
7 files changed, 79 insertions(+), 33 deletions(-)
diff --git a/src/assets/css/my_style.css b/src/assets/css/my_style.css
index dea72eb..88dfca9 100644
--- a/src/assets/css/my_style.css
+++ b/src/assets/css/my_style.css
@@ -1,3 +1,7 @@
+ul{
+ padding: 0;
+ margin: 0;
+}
.ft-20{
font-size: 20px;
}
@@ -9,6 +13,12 @@
}
.mart15{
margin-top: 15px !important;
+}
+.marr10{
+ margin-right: 10px !important;
+}
+.marb10{
+ margin-bottom: 10px !important;
}
.padt10{
padding-top:10px !important;
@@ -27,4 +37,11 @@
}
.fr{
float: right;
+}
+
+.liPointer {
+ cursor: pointer;
+}
+.liStylenone {
+ list-style: none;
}
\ No newline at end of file
diff --git a/src/components/page/introduce.vue b/src/components/page/introduce.vue
index c69ac1e..a9a3ed1 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,47 @@
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 {
+ // background-color: rgb(242, 243, 245 );
+ 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
diff --git a/src/views/homePage/moreMessage.vue b/src/views/homePage/moreMessage.vue
index 407fb33..b814f0b 100644
--- a/src/views/homePage/moreMessage.vue
+++ b/src/views/homePage/moreMessage.vue
@@ -7,7 +7,7 @@
<div v-if="this.$route.query.type == '閫氱煡鍏憡'">
<ul>
<li
- class="lieBiao flex-v flex-conter padt10"
+ class="lieBiao flex-v flex-conter padt10 liPointer"
:key="index"
v-for="(item, index) in noticeList"
>
@@ -23,7 +23,7 @@
</div>
<div v-if="this.$route.query.type == '瀛﹂櫌鍔ㄦ��'">
<ul>
- <li :key="index" v-for="(item, index) in schoolList">
+ <li :key="index" v-for="(item, index) in schoolList" class="liPointer">
<!-- <a href="item.path"> {{ item.title }} </a> -->
<!-- <router-link :to="{name:'schoolMessage',params:{id:item.id}}" >{{ item.title }} </router-link> -->
<div @click="toNoticeMsg(item.title)">{{ item.title }}</div>
@@ -32,7 +32,7 @@
</div>
<div v-if="this.$route.query.type == '宸ヤ綔鐘舵��'">
<ul>
- <li :key="index" v-for="(item, index) in workList">
+ <li :key="index" v-for="(item, index) in workList" class="liPointer">
<!-- <a href="item.path"> {{ item.title }} </a> -->
<!-- <router-link :to="{name:'schoolMessage',params:{id:item.id}}" >{{ item.title }} </router-link> -->
<div @click="toNoticeMsg(item.title)">{{ item.title }}</div>
diff --git a/src/views/notice.vue b/src/views/notice.vue
index 7f669b2..c9dd9e3 100644
--- a/src/views/notice.vue
+++ b/src/views/notice.vue
@@ -2,14 +2,14 @@
<div>
<el-row type="flex" class="row-bg underline" justify="space-between">
<span>閫氱煡鍏憡</span>
- <span @click="goMore('閫氱煡鍏憡')">
+ <span @click="goMore('閫氱煡鍏憡')" class="liPointer">
鏇村<i class="el-icon-d-arrow-right"></i>
</span>
</el-row>
<div>
<ul>
<li
- class="lieBiao"
+ class="lieBiao liPointer"
:key="index"
v-for="(item ,index) in noticeList"
>
diff --git a/src/views/other.vue b/src/views/other.vue
index 8f59195..06617b1 100644
--- a/src/views/other.vue
+++ b/src/views/other.vue
@@ -4,7 +4,7 @@
<span>鍙嬫儏閾炬帴</span>
<div>
<ul>
- <li class="lieBiao" :key="index" v-for="(item, index) in lianJieList">
+ <li class="lieBiao liPointer" :key="index" v-for="(item, index) in lianJieList">
{{ item.name }}
</li>
</ul>
diff --git a/src/views/school.vue b/src/views/school.vue
index 943af48..aa39c81 100644
--- a/src/views/school.vue
+++ b/src/views/school.vue
@@ -2,11 +2,11 @@
<div>
<el-row type="flex" justify="space-between" class="underline">
<span>瀛﹂櫌鍔ㄦ��</span>
- <span @click="goMore('瀛﹂櫌鍔ㄦ��')">鏇村<i class="el-icon-d-arrow-right"></i> </span>
+ <span @click="goMore('瀛﹂櫌鍔ㄦ��')" class="liPointer">鏇村<i class="el-icon-d-arrow-right"></i> </span>
</el-row>
<div>
<ul>
- <li :key="index" v-for="(item, index) in schoolList">
+ <li :key="index" v-for="(item, index) in schoolList" class="liPointer">
<!-- <a href="item.path"> {{ item.title }} </a> -->
<!-- <router-link :to="{name:'schoolMessage',params:{id:item.id}}" >{{ item.title }} </router-link> -->
<div @click="toSchoolMsg(item.title)"> {{ item.title }} </div>
diff --git a/src/views/work.vue b/src/views/work.vue
index 2170abd..ed9f75d 100644
--- a/src/views/work.vue
+++ b/src/views/work.vue
@@ -2,11 +2,11 @@
<div>
<el-row type="flex" justify="space-between" class="underline">
<span>宸ヤ綔鍔ㄦ��</span>
- <span @click="goMore('宸ヤ綔鐘舵��')">鏇村<i class="el-icon-d-arrow-right"></i> </span>
+ <span @click="goMore('宸ヤ綔鐘舵��')" class="liPointer">鏇村<i class="el-icon-d-arrow-right"></i> </span>
</el-row>
<div>
<ul>
- <li :key="index" v-for="(item, index) in workList">
+ <li :key="index" v-for="(item, index) in workList" class="liPointer">
<div @click="toWorkMsg(item.title)"> {{ item.title }} </div>
</li>
</ul>
--
Gitblit v1.8.0