|
|
@@ -19,9 +19,11 @@
|
|
|
<view class="business-img ">
|
|
|
<view class="uni-uploader__file" v-if="video">
|
|
|
<view class="uploader_video">
|
|
|
- <uni-icons class="icon iconfont icon-cuo" type="trash-filled" size="20"
|
|
|
- @tap="delectVideo" color="#ffffff"></uni-icons>
|
|
|
<video :src="video" class="video-container"></video>
|
|
|
+ <cover-view class="delete-video-icon" @tap="delectVideo">
|
|
|
+ <!-- <uni-icons class="icon iconfont icon-cuo" type="trash-filled" size="20" color="#ffffff"></uni-icons> -->
|
|
|
+ <cover-image class="delete-icon-img" src="/static/ad/close.png"></cover-image>
|
|
|
+ </cover-view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<image v-else src="/static/store/upload2.png" mode="" @tap="chooseVideo()"></image>
|
|
|
@@ -429,6 +431,7 @@
|
|
|
padding-bottom: 7px;
|
|
|
|
|
|
.uploader_video {
|
|
|
+ position: relative;
|
|
|
width: 310upx;
|
|
|
height: 210upx;
|
|
|
}
|
|
|
@@ -488,6 +491,29 @@
|
|
|
border-bottom-left-radius: 20upx;
|
|
|
}
|
|
|
|
|
|
+ .icon-delete-red {
|
|
|
+ color: red;
|
|
|
+ }
|
|
|
+
|
|
|
+ .delete-video-icon {
|
|
|
+ position: absolute;
|
|
|
+ right: 0upx;
|
|
|
+ top: 0upx;
|
|
|
+ width: 40upx;
|
|
|
+ height: 40upx;
|
|
|
+ background-color: rgba(0, 0, 0, 0.4);
|
|
|
+ border-radius: 0 0 0 10rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ z-index:9999;
|
|
|
+ }
|
|
|
+
|
|
|
+ .delete-icon-img {
|
|
|
+ width: 24upx;
|
|
|
+ height: 24upx;
|
|
|
+ }
|
|
|
+
|
|
|
.business-hours {
|
|
|
padding: 27upx 22upx;
|
|
|
background: #F7F8FC;
|