更新样式

src/tenant/music/courseList/index.module.less

@@ -23,7 +23,7 @@
     background-size: 100% 100%;
     flex-shrink: 0;
 
-    & > img {
+    &>img {
       display: block;
       width: 100%;
       height: 100%;
@@ -36,8 +36,7 @@
       .van-image__loading {
         position: relative;
         height: 100%;
-        animation: van-skeleton-blink var(--van-skeleton-duration) ease-in-out
-          infinite;
+        animation: van-skeleton-blink var(--van-skeleton-duration) ease-in-out infinite;
       }
     }
 
@@ -47,11 +46,9 @@
       left: 5px;
       width: 5px;
       height: 100%;
-      background: linear-gradient(
-        270deg,
-        rgba(0, 0, 0, 0.25) 0%,
-        rgba(0, 0, 0, 0.03) 100%
-      );
+      background: linear-gradient(270deg,
+          rgba(0, 0, 0, 0.25) 0%,
+          rgba(0, 0, 0, 0.03) 100%);
       box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
       z-index: 1;
     }
@@ -155,6 +152,7 @@
   width: 24px;
   height: 24px;
   position: relative;
+
   .basePlay {
     width: 20px;
     height: 20px;
@@ -163,6 +161,7 @@
     top: 50%;
     transform: translate(-50%, -50%);
   }
+
   :global {
     .van-circle {
       position: absolute;
@@ -171,8 +170,10 @@
       transform: translate(-50%, -50%);
       width: 20px;
       height: 20px;
+      padding-bottom: 2px;
     }
   }
+
   .tips {
     position: absolute;
     left: 50%;
@@ -184,6 +185,7 @@
     border-radius: 1px;
   }
 }
+
 .periodItem {
   width: 36px;
   height: 40px;
@@ -201,6 +203,7 @@
 .courseDialog {
   width: 305px;
   box-sizing: border-box;
+
   :global {
     .van-dialog__header {
       // padding-top: 0;
@@ -302,7 +305,7 @@
     display: flex;
     align-items: center;
 
-    & > button {
+    &>button {
       height: 40px;
       flex: 1;
       font-weight: 400;
@@ -314,14 +317,17 @@
     }
   }
 }
+
 .btnLeft {
   color: #333;
   border-color: #dbdbdb;
 }
+
 .btnRight {
   background: #fe2451;
   border-color: #fe2451;
 }
+
 .finch {
   width: 150px;
   margin: 140px auto 0;
@@ -334,6 +340,7 @@
   margin-top: 4px;
   margin-bottom: 120px;
 }
+
 .footers {
   padding: 0 25px 20px; // height: 45px;
 
@@ -343,13 +350,12 @@
       font-weight: 500;
       color: #ffffff;
       line-height: 25px;
+
       &.van-button--disabled {
         opacity: initial;
-        background: linear-gradient(
-          270deg,
-          #ff7a93 0%,
-          #ff9daa 100%
-        ) !important;
+        background: linear-gradient(270deg,
+            #ff7a93 0%,
+            #ff9daa 100%) !important;
       }
     }
   }

src/tenant/music/train-list/index.module.less

@@ -25,27 +25,40 @@
       }
     }
 
+    .van-search {
+      padding-bottom: 0;
+      align-items: flex-start;
+    }
+
+    // .van-dropdown-menu {
+    //   padding-bottom: 10px;
+    // }
+
     .van-dropdown-menu__bar {
       background-color: transparent;
       box-shadow: none;
       padding-right: 15px;
+      padding-bottom: 10px;
       height: 36px;
     }
 
     .van-dropdown-menu__title {
       padding-left: 0;
       color: #131415;
+
       &:after {
-        border-color: transparent transparent rgba(0, 0, 0, 0.4)
-          rgba(0, 0, 0, 0.4);
+        border-color: transparent transparent rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4);
       }
+
       &.van-dropdown-menu__title--active {
         color: #fe2451;
+
         &:after {
           border-color: transparent transparent #fe2451 #fe2451;
         }
       }
     }
+
     .van-dropdown-item__content {
       border-radius: 0px 0px 20px 20px;
     }
@@ -59,6 +72,7 @@
   //   color: #fe2451;
   // }
 }
+
 .search {
   :global {
     .van-search {
@@ -66,6 +80,7 @@
     }
   }
 }
+
 .albumSearchSection {
   :global {
     .van-dropdown-menu__bar {
@@ -81,7 +96,7 @@
   padding: 2px 21px 0 8px !important;
   border-radius: 30px !important;
 
-  & > div {
+  &>div {
     max-width: 70px;
   }
 
@@ -170,6 +185,7 @@
   color: #131415;
 
   :global {
+
     .van-list__loading,
     .van-list__finished-text,
     .van-list__error-text {
@@ -188,6 +204,7 @@
   background-color: #fff;
   margin: 6px 12px 0px 12px;
   min-height: 90vh;
+
   :global {
     .van-list__loading {
       display: none;
@@ -338,10 +355,12 @@
     }
   }
 }
+
 .resetting {
   border-color: #dbdbdb !important;
   color: #333333 !important;
 }
+
 .confirm,
 .resetting {
   :global {

src/tenant/music/train-list/index.tsx

@@ -303,6 +303,8 @@ export default defineComponent({
                     isSearchStatus.value && (
                       <DropdownMenu>
                         <DropdownItem
+                          class="searchOther"
+                          // teleport="body"
                           titleClass={
                             params.subjectId || params.type || params.level
                               ? styles.titleActive

src/tenant/music/train-tool/index.tsx

@@ -428,8 +428,7 @@ export default defineComponent({
               class={styles.theSticky}
               position="top"
               onBarHeight={(height: any) => {
-                console.log(height, 'height', height)
-                state.heightV = height
+                state.heightV = Math.floor(height)
               }}
             >
               <ColHeader border={false} isFixed={false} />
@@ -458,7 +457,7 @@ export default defineComponent({
                 class={styles.theSticky}
                 position="top"
                 onBarHeight={(height: any) => {
-                  state.heightV = height
+                  state.heightV = Math.floor(height)
                 }}
               >
                 <ColHeader