Fix：5809 【商城小程序】【商户入驻】商户入驻详情页视频上传位置缺少删除键

pkg_join/views/shop.vue

@@ -110,14 +110,23 @@
                 v-if="!form.coverVideo"
                 class="btn-upload"
               >上传视频</view>
-              <video
+              <view v-else class="img-wrap">
-                v-else
+                <video
-                :src="form.coverVideo"
+                  :src="form.coverVideo"
-                :poster="form.coverVideo + '?vframe/jpg/offset/1'"
+                  :poster="form.coverVideo + '?vframe/jpg/offset/1'"
-                :controls="false"
+                  :controls="false"
-                play-btn-position="center"
+                  play-btn-position="center"
-                class="video-item"
+                  class="video-item"
-              />
+                />
+                <view
+                  v-if="!reviewing"
+                  style="position: absolute; top: 0; right: 0;"
+                  class="delete-badge"
+                  @click.stop="deleteVideo"
+                >
+                  x
+                </view>
+              </view>
             </view>
           </template>
         </u-cell>
@@ -828,6 +837,12 @@ export default {
         this.$forceUpdate()
       })
     },
+    // 删除视频封面
+    deleteVideo() {
+      if (this.reviewing) return
+      this.form.coverVideo = ''
+      this.$forceUpdate()
+    },
     chooseShopImg() {
       if (this.reviewing) return
       const _this = this

pkg_join/views/supplier.vue

@@ -309,14 +309,23 @@
                   v-if="!form.coverVideo"
                   class="btn-upload"
                 >上传视频</view>
-                <video
+                <view v-else class="img-wrap">
-                  v-else
+                  <video
-                  :src="form.coverVideo"
+                    :src="form.coverVideo"
-                  :poster="form.coverVideo + '?vframe/jpg/offset/1'"
+                    :poster="form.coverVideo + '?vframe/jpg/offset/1'"
-                  :controls="false"
+                    :controls="false"
-                  play-btn-position="center"
+                    play-btn-position="center"
-                  class="video-item"
+                    class="video-item"
-                />
+                  />
+                  <view
+                    v-if="!reviewing"
+                    style="position: absolute; top: 0; right: 0;"
+                    class="delete-badge"
+                    @click.stop="deleteVideo"
+                  >
+                    x
+                  </view>
+                </view>
               </view>
             </template>
           </u-cell>
@@ -1031,6 +1040,12 @@ export default {
         this.$forceUpdate()
       })
     },
+    // 删除视频封面
+    deleteVideo() {
+      if (this.reviewing) return
+      this.form.coverVideo = ''
+      this.$forceUpdate()
+    },
     chooseShopImg() {
       if (this.reviewing) return
       const _this = this