迁移广播通知

src/components/AiVideo.vue

@@ -10,15 +10,13 @@
       <image
           class="audio-control audio-control-switch"
           @click="audio.paused?play():audio.pause()"
-          :src="paused ? playImg : stopImg"/>
+          :src="`${$cdn}video/${paused ? 'play-icon' : 'stop-img'}.png`"/>
       <p>{{ paused ? '点击播放' : '点击停止播放' }}</p>
     </view>
   </view>
 </template>
 
 <script>
-import stopImg from '../pages/resourcesManage/img/stop-img.png'
-import playImg from '../pages/resourcesManage/img/play-icon.png'
 
 export default {
   data() {
@@ -29,8 +27,6 @@ export default {
       paused: true, //是否处于暂停状态
       loading: false, //是否处于读取状态
       seek: false,
-      stopImg,
-      playImg
     }
   },
   props: {
@@ -122,7 +118,7 @@ export default {
 <style>
 .imt-audio {
   background: #fff;
-  border-radius: 20 upx;
+  border-radius: 20px;
 }
 
 .audio-wrapper {
@@ -131,8 +127,8 @@ export default {
 }
 
 .audio-number {
-  width: 120 upx;
-  font-size: 24 upx;
+  width: 120px;
+  font-size: 24px;
   line-height: 1;
   color: #999999;
   text-align: center;
@@ -144,39 +140,29 @@ export default {
 }
 
 .audio-control-wrapper {
-  margin-top: 40 upx;
+  margin-top: 40px;
   text-align: center;
 }
 
 .audio-control-wrapper p {
   color: #999999;
-  font-size: 26 rpx;
+  font-size: 26px;
 }
 
 .audio-control-wrapper image {
-  width: 128 rpx;
-  height: 128 rpx;
+  width: 128px;
+  height: 128px;
 }
 
 .audio-control {
-  font-size: 32 upx;
+  font-size: 32px;
   line-height: 1;
   border-radius: 50%;
 }
 
-.audio-control-next {
-  transform: rotate(180deg);
-}
-
 .audio-control-switch {
-  font-size: 40 upx;
-  margin: 0 100 upx;
-}
-
-.audioLoading {
-  animation: loading 2s;
-  animation-iteration-count: infinite;
-  animation-timing-function: linear;
+  font-size: 40px;
+  margin: 0 100px;
 }
 
 @keyframes loading {