From 37ce456998cb4cba8d88fa3db0a1a3738e52fb3a Mon Sep 17 00:00:00 2001 From: QYF-GitLab1 <1940665526@qq.com> Date: 星期三, 24 七月 2024 11:18:29 +0800 Subject: [PATCH] 1 --- src/pages/TcmSystem/TcmSystem.vue | 40 +++++++++++++++++++++++++++------------- 1 files changed, 27 insertions(+), 13 deletions(-) diff --git a/src/pages/TcmSystem/TcmSystem.vue b/src/pages/TcmSystem/TcmSystem.vue index 288342f..3175d81 100644 --- a/src/pages/TcmSystem/TcmSystem.vue +++ b/src/pages/TcmSystem/TcmSystem.vue @@ -15,9 +15,10 @@ 鐑棬鎼滅储锛� <ul class="flex" style="margin-right: 10rpx"> <li - v-for="item in hot" + v-for="(item, index) in hot" :key="item.id" - @tap="HotClick(item.name)" + @tap="HotClick(item.name, index)" + :class="{ cursor: true, active: hotAciveIndex === index }" style="margin: 0 0.05rem; color: #244a7b; cursor: pointer" > {{ item.name }} @@ -429,6 +430,7 @@ }, data() { return { + hotAciveIndex: "", // 鏈烘瀯缁熻 institution: { title: "鏈烘瀯缁熻", @@ -546,7 +548,13 @@ }); }, // 鍙充晶鐨刲ist鏁版嵁 - getMList(key) { + getMList(key, index) { + if (index !== undefined) { + this.SearchValue = ""; + this.hotAciveIndex = index; + } else { + this.hotAciveIndex = ""; + } this.pageLoading = true; let Obj = { medicalSearchType: this.searchType, @@ -687,9 +695,9 @@ this.getMList(); }, // 鐑棬鎼滅储 - HotClick(val) { + HotClick(val, index) { // this.SearchValue = val; - this.getMList(val); + this.getMList(val, index); }, // 鎸夌収浠�涔堟帓搴� selectChange(e) { @@ -748,8 +756,6 @@ } .creatureXinxi2 { - /* width: .24rem; */ - height: 0.17rem; line-height: 1; font-size: 0.12rem; font-weight: 600; @@ -762,7 +768,6 @@ } .creatureXinxi3 li { - height: 0.16rem; line-height: 0.16rem; background-color: #fff; padding: 0 0.08rem; @@ -777,7 +782,8 @@ /* --------- */ /* 鍝佺骇 */ .pinji { - box-shadow: 2px 0px 3px #888; + box-shadow: 0 0 3px #888; + border-radius: 6px; background-color: #fff; width: 100%; /* height: .6rem; @@ -788,6 +794,10 @@ position: relative; top: -0.25rem; color: #2c2c2c; + font-weight: bold; + span { + font-weight: initial; + } } /* 涓汉淇℃伅鐨勬寜閽� */ @@ -954,14 +964,13 @@ position: fixed; right: 0; top: 0; - z-index: 9999999999999999999999999999999999999999999 !important; - + z-index: 99999 !important; > div { height: 100%; margin: 0 !important; position: fixed; right: 0; - top: 0; + top: 86px; > :nth-child(1) { display: none; @@ -1064,7 +1073,7 @@ .search1 ::v-deep .uni-select__selector-item { position: relative; - z-index: 999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999 !important; + z-index: 99999 !important; display: flex; justify-content: center; @@ -1244,4 +1253,9 @@ .nullBox { width: 100%; } + +.cursor.active { + color: #027edc !important; + font-weight: bold; +} </style> -- Gitblit v1.9.1