Browse Source

选择列表样式修改

黄琪勇 1 year ago
parent
commit
c8c91e16cd

+ 4 - 3
src/page-instrument/header-top/index.module.less

@@ -46,12 +46,13 @@
     .img{
         width: 32px;
         height: 32px;
-        &:first-child{
-            margin-right: 10px;
-        }
+    }
+    .listImg{
+        margin-left: 16px;
     }
     .title{
         width: 216px;
+        margin-left: 10px;
         &.isMusicList{
             :global{
                 .van-notice-bar .van-notice-bar__content::after{

+ 1 - 3
src/page-instrument/header-top/index.tsx

@@ -621,7 +621,7 @@ export default defineComponent({
                         />
                     </div> :
                     isMusicList.value &&
-                    <img src={listImg} class={[styles.img, "driver-8"]} onClick={()=>{
+                    <img src={listImg} class={[styles.img, styles.listImg, "driver-8"]} onClick={()=>{
                       musicListShow.value = true
                     }} />
                 }
@@ -705,7 +705,6 @@ export default defineComponent({
                 }
                 showToast({
                   message: state.playType === "play" ? "已切换为演奏场景" : "已切换为演唱场景",
-                  duration: 0,
                   position: "top",
                   className: "selectionToast",
                 });
@@ -736,7 +735,6 @@ export default defineComponent({
                 handlerModeChange(oldPlayType, oldPlaySource);
                 showToast({
                   message: state.playType === "play" ? (state.playSource === "music"?"已切换为原声":"已切换为伴奏") : (state.playSource === "music"?"已切换为范唱":(state.playSource === "background"?"已切换为伴唱":"已切换为唱名")),
-                  duration: 0,
                   position: "top",
                   className: "selectionToast",
                 });