github/CRMEB
1
0
Fork 0
mirror of https://github.com/crmeb/CRMEB.git synced 2026-10-29 14:01:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(商品编辑): 视频删除按钮改右上角小图标并阻止冒泡

Browse Source 
原删除图标居中覆盖整段视频且点击会冒泡触发上传，改为右上角 20px 小图标并 @click.stop
This commit is contained in:
吴昊天 2026-10-20 16:47:09 +08:00
parent 119b813c17
commit e658c10805
4 changed files with 20 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/admin/src/pages/plugin/normal/add/components/BasicInfo.vue
View File

@ -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>

17
frontend/admin/src/pages/plugin/normal/add/productAdd.scss
View File

@ -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;
}

2
frontend/admin/src/pages/product/productAdd/components/BasicInfo.vue
View File

@ -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>

17
frontend/admin/src/pages/product/productAdd/productAdd.scss
View File

@ -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 {