Jelajahi Sumber

更新样式

lex 2 tahun lalu
induk
melakukan
6801f02e5f

+ 5 - 1
src/views/music/album-detail/index.module.less

@@ -144,6 +144,7 @@
     font-size: 18px;
     font-weight: 500;
     color: #fff;
+    padding-bottom: 8px;
   }
   .alumDes {
     width: calc(100% - 129px);
@@ -153,7 +154,7 @@
   }
 }
 .tags {
-  margin: 6px -2px 24px -2px;
+  margin: 6px -2px 22px -2px;
   .tag {
     margin: 0 2px;
     padding: 2px 6px;
@@ -174,6 +175,9 @@
     height: 14px;
     margin-right: 6px;
   }
+  span {
+    padding-top: 1px;
+  }
   .right {
     display: flex;
     align-items: center;

+ 1 - 0
src/views/music/component/song/index.module.less

@@ -36,6 +36,7 @@
         color: #999;
         line-height: 16px;
         margin-right: 12px;
+        padding-top: 2px;
       }
       .tags {
         & > span {

+ 8 - 2
src/views/music/component/song/index.tsx

@@ -154,7 +154,11 @@ export default defineComponent({
                     <h4 class="van-ellipsis">
                       {moreData?.value.musicSheetName}
                     </h4>
-                    <p>
+                    <p
+                      style={{
+                        display: 'flex'
+                      }}
+                    >
                       <Tag
                         style={{
                           color: colors[moreData?.value.chargeType].color,
@@ -166,7 +170,9 @@ export default defineComponent({
                       >
                         {colors[moreData?.value.chargeType].text}
                       </Tag>
-                      {moreData?.value.composer}
+                      <span style={{ paddingTop: '2px' }}>
+                        {moreData?.value.composer}
+                      </span>
                     </p>
                   </div>
                 )