更新样式

src/page-instrument/component/the-music-list/filterList.tsx

@@ -8,6 +8,7 @@ import quxiaoImg from "./imgs/quxiao.png"
 import zhankaiImg from "./imgs/zhankai.png"
 import shouqiImg from "./imgs/shouqi.png"
 import sjImg from "./imgs/sj.png"
+import xiangImg from "./imgs/xiang.png"
 import closeImg from "../../header-top/image/closeImg.png"
 import state, { IPlatform } from "/src/state";
 import { getQuery } from "/src/utils/queryString";
@@ -260,7 +261,7 @@ export default defineComponent({
                                                                     <div class={[styles.tabBox, styles.tabBoxPopCon, isActiveSubjectPop(item) && styles.tabActive]}>
                                                                         <div class={[styles.tabBoxPop, item.isExpand && styles.actTabBoxPop]}>
                                                                             <div>{isActiveSubjectPop(item)?queryObj.subject.name:item.name}</div>
-                                                                            <img class={styles.sjImg} src={sjImg} />
+                                                                            <img class={styles.sjImg} src={isActiveSubjectPop(item) ? xiangImg : sjImg} />
                                                                         </div>
                                                                     </div>
                                                                 )

src/page-instrument/component/the-music-list/index.module.less

@@ -578,7 +578,7 @@
                             align-items: center;
                             &.actTabBoxPop{
                                 .sjImg{
-                                    transform: initial;
+                                    transform: rotate(180deg);
                                 }
                             }
                             &>div{
@@ -590,7 +590,6 @@
                                 width: 9px;
                                 height: 5px;
                                 margin-left: 4px;
-                                transform: rotate(180deg);
                             }
                         }
                     }
@@ -648,7 +647,7 @@
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
-        &.active{
+        &.active,&:hover{
             background: #EEF8FF;
             color: #1CACF1;
             font-weight: 500;