封面样式修改

src/views/creation/edit/index.module.less

@@ -152,6 +152,11 @@
       border-radius: 0 0 8px 8px;
       pointer-events: none;
     }
+    :global{
+      .van-uploader .van-image{
+        border-radius: 8px !important;
+      }
+    }
   }
 
   .uploadImg {

src/views/creation/index-share.tsx

@@ -238,6 +238,7 @@ export default defineComponent({
         path:"/playCreation",
         query:{
           resourceUrl:encodeURIComponent(state.musicDetail?.videoUrl),
+          videoBgUrl:encodeURIComponent(state.musicDetail?.videoImg),
           musicSheetName:encodeURIComponent(state.musicDetail?.musicSheetName),
           username:encodeURIComponent(state.musicDetail?.username),
           musicSheetId:encodeURIComponent(state.musicDetail?.musicSheetId),
@@ -494,7 +495,7 @@ export default defineComponent({
                         id="videoMediaSrc"
                         class={styles.videoBox}
                         src={state.musicDetail?.videoUrl}
-                        data-poster={videobg}
+                        data-poster={ state.musicDetail?.videoImg || videobg}
                         preload="metadata"
                         playsinline
                       />

src/views/creation/index.module.less

@@ -515,7 +515,7 @@
       z-index: 1;
       width: 100%;
       height: 100%;
-      border-radius: 6px;
+      border-radius: 8px;
     }
     .imgLabel{
       position: absolute;

src/views/creation/index.tsx

@@ -348,6 +348,7 @@ export default defineComponent({
         path:"/playCreation",
         query:{
           resourceUrl:encodeURIComponent(state.musicDetail?.videoUrl),
+          videoBgUrl:encodeURIComponent(state.musicDetail?.videoImg),
           musicSheetName:encodeURIComponent(state.musicDetail?.musicSheetName),
           username:encodeURIComponent(state.musicDetail?.username),
           musicSheetId:encodeURIComponent(state.musicDetail?.musicSheetId),
@@ -538,7 +539,7 @@ export default defineComponent({
                 id="videoMediaSrc"
                 class={styles.videoBox}
                 src={state.musicDetail?.videoUrl}
-                data-poster={videobg}
+                data-poster={ state.musicDetail?.videoImg || videobg}
                 preload="metadata"
                 playsinline
               />

src/views/creation/playCreation/index.tsx

@@ -23,6 +23,7 @@ export default defineComponent({
     const musicSheetName = decodeURIComponent(route.query.musicSheetName as string || '');
     const username = decodeURIComponent(route.query.username as string || '');
     const musicSheetId = decodeURIComponent(route.query.musicSheetId as string || '');
+    const videoBgUrl = decodeURIComponent(route.query.videoBgUrl as string || '');
     const playType = resourceUrl.lastIndexOf('mp4') !== -1 ? 'Video' : 'Audio'
     const lottieDom = ref()
     const landscapeScreen = ref(false)
@@ -417,7 +418,7 @@ export default defineComponent({
             id="videoMediaSrc"
             class={styles.videoBox}
             src={resourceUrl}
-            data-poster={videobg}
+            data-poster={ videoBgUrl || videobg}
             preload="metadata"
             playsinline
           />

src/views/creation/share-model/index.module.less

@@ -51,7 +51,7 @@
     width: 56px;
     height: 56px;
     object-fit: cover;
-    border-radius: 6px;
+    border-radius: 8px;
   }
 
   .uploadImg {

src/views/creation/share-model/index.tsx

@@ -255,7 +255,7 @@ export default defineComponent({
             onClick={() => emit('close')}
           />
           <div class={styles.share__header}>海报已生成！快来分享吧！</div>
-          <Grid columnNum={5} border={false} class={styles.gridSection}>
+          <Grid columnNum={4} border={false} class={styles.gridSection}>
             <GridItem
               icon={iconDownload}
               text="保存本地"