From ce9ff4af4cf7ccc87d3ef94a849942baf112b811 Mon Sep 17 00:00:00 2001 From: 杨磊 <505174330@qq.com> Date: 星期一, 07 四月 2025 18:03:01 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/wyyDatabase --- src/views/directory/index.vue | 25 ++++++++++++------------- 1 files changed, 12 insertions(+), 13 deletions(-) diff --git a/src/views/directory/index.vue b/src/views/directory/index.vue index 3c548c3..3cf48be 100644 --- a/src/views/directory/index.vue +++ b/src/views/directory/index.vue @@ -4,18 +4,12 @@ <p>鐜嬫案鐐庨櫌澹鐢熺洰褰�</p> </div> <div class="page-main-title"> - <p - @click="changeTab('chart')" - :class="[activeTabs == 'chart' ? 'active-tab' : '']" - > - <img src="../../assets/images/directory/chartIcon.png" alt="" /> + <p @click="changeTab('chart')" :class="[activeTabs == 'chart' ? 'active-tab' : '']"> + <img :src="[activeTabs == 'chart' ? chartIcon : noChartIcon]" alt=""> <span>鍥捐〃鏄剧ず</span> </p> - <p - @click="changeTab('list')" - :class="[activeTabs == 'list' ? 'active-tab' : '']" - > - <img src="../../assets/images/directory/listIcon.png" alt="" /> + <p @click="changeTab('list')" :class="[activeTabs == 'list' ? 'active-tab' : '']"> + <img :src="[activeTabs == 'list' ? listIcon : noListIcon]" alt=""> <span>鍒楄〃鏄剧ず</span> </p> </div> @@ -37,9 +31,8 @@ <p class="table-title-degree">{{ item.degree }}</p> <p class="table-title-number">{{ item.studentList.length }}浜�</p> </div> - <div class="table-title-right" @click="item.isShow = !item.isShow"> - <img src="../../assets/images/directory/topIcon.png" alt="" /> - </div> + <div class="table-title-right" @click="item.isShow = !item.isShow"><img + :src="[item.isShow ? topIcon : bottomIcon]" alt=""></div> </div> <table cellpadding="100" @@ -77,6 +70,12 @@ export default { data() { return { + chartIcon: require("@/assets/images/directory/chartIcon.png"), + noChartIcon: require("@/assets/images/directory/noChartIcon.png"), + listIcon: require("@/assets/images/directory/listIcon.png"), + noListIcon: require("@/assets/images/directory/noListIcon.png"), + topIcon: require("@/assets/images/directory/topIcon.png"), + bottomIcon: require("@/assets/images/directory/bottomIcon.png"), activeTabs: "chart", universityList: [ { -- Gitblit v1.9.1