lex 1 year ago
parent
commit
c29c39d75e
2 changed files with 19 additions and 1 deletions
  1. 18 0
      src/views/hot-music-more/index.module.less
  2. 1 1
      src/views/hot-music-more/index.tsx

+ 18 - 0
src/views/hot-music-more/index.module.less

@@ -202,6 +202,24 @@
   flex-wrap: wrap;
   padding-top: 18px;
 
+  &.subjectContainerTwo {
+    .subjectItem {
+      width: 48%;
+
+      &:nth-child(3n + 2) {
+        margin-left: 0;
+        margin-right: 0;
+      }
+
+      &:nth-child(2n + 2) {
+        margin-left: 2.333%;
+        margin-right: 0;
+      }
+
+
+    }
+  }
+
   .subjectItem {
     width: 31%;
     height: 34px;

+ 1 - 1
src/views/hot-music-more/index.tsx

@@ -317,7 +317,7 @@ export default defineComponent({
               {state.types.length > 0 && (
                 <>
                   <div class={styles.title}>曲谱教材</div>
-                  <div class={styles.subjectContainer}>
+                  <div class={[styles.subjectContainer, styles.subjectContainerTwo]}>
                     <div
                       class={[
                         styles.subjectItem,