Selaa lähdekoodia

app图标不显示问题

caiyuqin 2 kuukautta sitten
vanhempi
commit
31e2dc8199
2 muutettua tiedostoa jossa 28 lisäystä ja 2 poistoa
  1. 28 2
      pages/store/advertising.vue
  2. BIN
      static/ad/close.png

+ 28 - 2
pages/store/advertising.vue

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

BIN
static/ad/close.png