From e658c108050e70bc4c06bc784b3f1fd98c3d818d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E6=98=8A=E5=A4=A9?= <442384644@qq.com>
Date: Tue, 20 Oct 2026 16:47:09 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E5=95=86=E5=93=81=E7=BC=96=E8=BE=91):=20?=
 =?UTF-8?q?=E8=A7=86=E9=A2=91=E5=88=A0=E9=99=A4=E6=8C=89=E9=92=AE=E6=94=B9?=
 =?UTF-8?q?=E5=8F=B3=E4=B8=8A=E8=A7=92=E5=B0=8F=E5=9B=BE=E6=A0=87=E5=B9=B6?=
 =?UTF-8?q?=E9=98=BB=E6=AD=A2=E5=86=92=E6=B3=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

原删除图标居中覆盖整段视频且点击会冒泡触发上传，改为右上角 20px 小图标并 @click.stop
---
 .../plugin/normal/add/components/BasicInfo.vue  |  2 +-
 .../src/pages/plugin/normal/add/productAdd.scss | 17 +++++++++--------
 .../product/productAdd/components/BasicInfo.vue |  2 +-
 .../pages/product/productAdd/productAdd.scss    | 17 +++++++++--------
 4 files changed, 20 insertions(+), 18 deletions(-)

diff --git a/frontend/admin/src/pages/plugin/normal/add/components/BasicInfo.vue b/frontend/admin/src/pages/plugin/normal/add/components/BasicInfo.vue
index 16db8c485..fd9332a71 100644
--- a/frontend/admin/src/pages/plugin/normal/add/components/BasicInfo.vue
+++ b/frontend/admin/src/pages/plugin/normal/add/components/BasicInfo.vue
@@ -66,7 +66,7 @@
             您的浏览器不支持 video 标签。
           </video>
           <div class="mark"></div>
-          <i class="el-icon-delete iconv" v-db-click @click="delVideo"></i>
+          <i class="el-icon-delete iconv" v-db-click @click.stop="delVideo"></i>
         </div>
         <el-progress class="progress" :percentage="progress" :stroke-width="5" v-if="upload.videoIng" />
         <div class="tip">建议时长：9～30秒，视频宽高比16:9</div>
diff --git a/frontend/admin/src/pages/plugin/normal/add/productAdd.scss b/frontend/admin/src/pages/plugin/normal/add/productAdd.scss
index f8df9b208..a6528ae1d 100644
--- a/frontend/admin/src/pages/plugin/normal/add/productAdd.scss
+++ b/frontend/admin/src/pages/plugin/normal/add/productAdd.scss
@@ -174,15 +174,16 @@
 
 .box-video-style .iconv {
   color: #fff;
-  line-height: 180px;
-  width: 50px;
-  height: 50px;
-  display: inherit;
-  font-size: 26px;
+  line-height: 20px;
+  width: 20px;
+  height: 20px;
+  display: block;
+  font-size: 18px;
   position: absolute;
-  top: -74px;
-  left: 50%;
-  margin-left: -25px;
+  top: 5px;
+  right: 5px;
+  z-index: 2;
+  text-align: center;
   cursor: pointer;
 }
 
diff --git a/frontend/admin/src/pages/product/productAdd/components/BasicInfo.vue b/frontend/admin/src/pages/product/productAdd/components/BasicInfo.vue
index effe324b8..f03a78daa 100644
--- a/frontend/admin/src/pages/product/productAdd/components/BasicInfo.vue
+++ b/frontend/admin/src/pages/product/productAdd/components/BasicInfo.vue
@@ -89,7 +89,7 @@
             您的浏览器不支持 video 标签。
           </video>
           <div class="mark"></div>
-          <i class="el-icon-delete iconv" v-db-click @click="delVideo"></i>
+          <i class="el-icon-delete iconv" v-db-click @click.stop="delVideo"></i>
         </div>
         <el-progress class="progress" :percentage="progress" :stroke-width="5" v-if="upload.videoIng" />
         <div class="tip">建议时长：9～30秒，视频宽高比16:9</div>
diff --git a/frontend/admin/src/pages/product/productAdd/productAdd.scss b/frontend/admin/src/pages/product/productAdd/productAdd.scss
index 1ee44215d..09477d2ec 100644
--- a/frontend/admin/src/pages/product/productAdd/productAdd.scss
+++ b/frontend/admin/src/pages/product/productAdd/productAdd.scss
@@ -151,15 +151,16 @@
 }
 .box-video-style .iconv {
   color: #fff;
-  line-height: 180px;
-  width: 50px;
-  height: 50px;
-  display: inherit;
-  font-size: 26px;
+  line-height: 20px;
+  width: 20px;
+  height: 20px;
+  display: block;
+  font-size: 18px;
   position: absolute;
-  top: -74px;
-  left: 50%;
-  margin-left: -25px;
+  top: 5px;
+  right: 5px;
+  z-index: 2;
+  text-align: center;
   cursor: pointer;
 }
 .box-video-style .mark {