From e4278df3b718638bc5511ff34c4c571b0da305a3 Mon Sep 17 00:00:00 2001
From: QYF-GitLab1 <1940665526@qq.com>
Date: 星期五, 26 七月 2024 11:39:56 +0800
Subject: [PATCH] 1
---
src/pages/TcmSystem/TcmSystem.vue | 33 ++++++++++++++++++++++++---------
1 files changed, 24 insertions(+), 9 deletions(-)
diff --git a/src/pages/TcmSystem/TcmSystem.vue b/src/pages/TcmSystem/TcmSystem.vue
index 1f63040..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;
+ }
}
/* 涓汉淇℃伅鐨勬寜閽� */
@@ -1243,4 +1253,9 @@
.nullBox {
width: 100%;
}
+
+.cursor.active {
+ color: #027edc !important;
+ font-weight: bold;
+}
</style>
--
Gitblit v1.9.1