样式修改

src/views/creation/audioVisualDraw.js

@@ -91,7 +91,7 @@ export default function audioVisualDraw(audioDom, canvasDom, fftSize = 128) {
             canvWidth: width,
             canvHeight: height,
             canvFillColor: "transparent",
-            lineColor: "#3095EE"
+            lineColor: "#ffffff"
          })
       }, 300)
    }

src/views/creation/index-shareRoute.vue

@@ -67,6 +67,7 @@
                         playsinline
                         webkit-playsinline
                      />
+                     <img src="./img/ty.png" class="tyBg" />
                      <div class="audioBoxBg">
                         <div :class="['audioPan', plyrState.playIngShow ? 'imgRotate' : '']">
                            <van-image class="audioImg" :src="state.musicDetail.img || require('./img/music_bg.png')" />

src/views/creation/index.less

@@ -127,7 +127,7 @@
                }
             }
             .staff {
-               background: linear-gradient( 0, #FFFFFF 0%, rgba(255,255,255,0.66) 68%, rgba(255,255,255,0) 100%);
+               background-color: rgba(255, 255, 255, 0.7);
             }
             .musicDetail {
                .van-notice-bar,
@@ -155,6 +155,15 @@
                width: 2.8rem;
                height: 0.55rem;
             }
+            .tyBg{
+               width: 1.14rem;
+               height: .43rem;
+               position: absolute;
+               z-index: 1;
+               left: 50%;
+               top: 50%;
+               transform: translate(-50%, calc(-50% + .30rem));
+            }
             .audioBoxBg {
                position: absolute;
                left: 50%;

src/views/creation/index.vue

@@ -52,6 +52,7 @@
                      playsinline
                      webkit-playsinline
                   />
+                  <img src="./img/ty.png" class="tyBg" />
                   <div class="audioBoxBg">
                      <div :class="['audioPan', plyrState.playIngShow ? 'imgRotate' : '']">
                         <van-image class="audioImg" :src="state.musicDetail.img || require('./img/music_bg.png')" />
@@ -195,13 +196,13 @@
       </van-popup>
       <van-popup v-model="state.deleteStatus" round class="popupContainer">
          <p class="popupTit">温馨提示</p>
-         <p class="popupContent">确认要删除作品吗？</p>
+         <p class="popupContent">确认删除作品吗？</p>
          <div class="popupBtnGroup">
             <van-button round @click="() => (state.deleteStatus = false)">
                取消
             </van-button>
             <van-button round type="primary" @click="onDelete">
-               确定
+               确认
             </van-button>
          </div>
       </van-popup>