From 5fc2fd61b8cf1809bba0b24a90d12326b8bd6bd2 Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期一, 07 四月 2025 17:33:32 +0800 Subject: [PATCH] 学术成果checkbox --- src/views/directory/index.vue | 12 +++++++++--- 1 files changed, 9 insertions(+), 3 deletions(-) diff --git a/src/views/directory/index.vue b/src/views/directory/index.vue index e3f9a49..30043b4 100644 --- a/src/views/directory/index.vue +++ b/src/views/directory/index.vue @@ -5,11 +5,11 @@ </div> <div class="page-main-title"> <p @click="changeTab('chart')" :class="[activeTabs == 'chart' ? 'active-tab' : '']"> - <img src="../../assets/images/directory/chartIcon.png" alt=""> + <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=""> + <img :src="[activeTabs == 'list' ? listIcon : noListIcon]" alt=""> <span>鍒楄〃鏄剧ず</span> </p> </div> @@ -86,7 +86,7 @@ <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> + :src="[item.isShow ? topIcon : bottomIcon]" alt=""></div> </div> <table cellpadding="100" v-if="item.studentList && item.studentList.length > 0 && item.isShow"> <tr class="table-heading"> @@ -124,6 +124,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