样式修改

src/views/creation/index.module.less

@@ -309,8 +309,9 @@
     line-height: 20px;
     :global{
       .van-text-ellipsis__action{
-        color: #FFFFFF;
+        color: #5CCEFF;
         font-weight: 500;
+        margin-left: 2px;
       }
     }
   }
@@ -687,6 +688,12 @@
     .musicShareSection{
       min-height: calc(var(--creationHeight, 100vh) - var(--barheight) - 20vh - 340px - 55px);
     }
+    .wxpopup{
+      img{
+        width: 54%;
+        margin-right: 18px;
+      }
+    }
   }
 }
 
@@ -748,10 +755,11 @@
   left: 0;
   background: rgba(0, 0, 0, 0.5);
   z-index: 9999;
+  text-align: right;
 
   img {
     width: 88%;
-    margin: 0 6%;
+    margin-right: 6%;
   }
 }
 

src/views/download/index.module.less

@@ -35,13 +35,28 @@
   left: 0;
   background: rgba(0, 0, 0, 0.5);
   z-index: 9999;
+  text-align: right;
 
   img {
     width: 88%;
-    margin: 0 6%;
+    margin-right: 6%;
+  }
+}
+.creationTablet{
+  .wxpopup{
+    img{
+      width: 54%;
+      margin-right: 20px;
+    }
+  }
+  &.downloadContainer{
+    :global {
+      .van-image {
+        width: 60%;
+      }
+    }
   }
 }
-
 .downImg {
   // width: 275px;
   padding-top: 25px;

src/views/download/transfer.tsx

@@ -95,7 +95,7 @@ export default defineComponent({
   },
   render() {
     return (
-      <div class={[styles.downloadContainer]}>
+      <div class={[styles.downloadContainer, browser().isTablet ? styles.creationTablet : '']}>
         <Image src={student} />
 
         <div class={styles.buttonGroup}>