提交

components/shopro-coupon/shopro-coupon.vue

@@ -22,6 +22,7 @@
 					<view class="surplus-num" :style="{ color: color }" v-if="state === 0">仅剩{{ stock }}张</view>
 				</view>
 			</view>
+			<image :src="$IMG_URL+'/imgs/coupon_bg1.png'" mode="" class="imageStyle"></image>
 		</view>
 	</view>
 </template>
@@ -105,18 +106,27 @@ export default {
 }
 // 未领取，已领取
 .coupon-wrap {
-	mask: url($IMG_URL+'/imgs/coupon_bg1.png');
+	// mask: url($IMG_URL+'/imgs/coupon_bg1.png');
-	-webkit-mask-box-image: url($IMG_URL+'/imgs/coupon_bg1.png');
+	// -webkit-mask-box-image: url($IMG_URL+'/imgs/coupon_bg1.png');
-	mask-size: 100% 100%;
+	// mask-size: 100% 100%;
 	position: relative;
 	border-radius: 10rpx;
 	width: 710rpx;
 	height: 170rpx;
-	background: linear-gradient(to right, $u-type-warning-disabled, $u-type-warning);
+	// background: linear-gradient(to right, $u-type-warning-disabled, $u-type-warning);
+	.imageStyle{
+		position:absolute;
+		top:0;
+		left:0;
+		width:100%;
+		height:100%;
+	}
 	.coupon-item {
 		width: 100%;
 		height: 168rpx;
 		border-radius: 10rpx;
+		position: relative;
+		z-index:999;
 
 		.coupon-left {
 			height: 100%;