添加mask样式

pages/attract/index.vue

@@ -162,7 +162,7 @@ export default {
 	  .maskModal {
 		width: 100%;
 		position: absolute;
-		background-color: rgba(0, 0, 0, 0.3);
+		background-color: rgba(0, 0, 0, 0.4);
 		border-radius: 32rpx;
 		height: 100%;
 		top: 0;
@@ -171,7 +171,8 @@ export default {
 		align-items: center;
 		justify-content: center;
 		color: #fff;
-		font-size: 26rpx;
+		font-size: 28rpx;
+		font-weight: bold;
 	  }
       .notice-content-font {
         font-size: 26rpx;

pages/index/index.vue

@@ -206,9 +206,12 @@
         class="notice-content-box"
         v-for="(item, index) in attractList"
         :key="index"
-        style="justify-content: start"
-        @click="goAttractDeatil(item.id)"
+        style="justify-content: start;position: relative;"
+        @click="goAttractDeatil(item.id,item.time_type)"
       >
+	  <view class="maskModal" v-if="item.time_type == 0">
+	  	<text>敬请期待</text>
+	  </view>
         <image
           :src="item.pic_url"
           mode="aspectFill"
@@ -705,7 +708,8 @@ export default {
         url: "/pages/notice/notice_deatil?id=" + id,
       });
     },
-    goAttractDeatil(id) {
+    goAttractDeatil(id,type) {
+	  if(type == '0')return
       uni.navigateTo({
         url: "/pages/attract/attract_deatil?id=" + id,
       });
@@ -865,6 +869,21 @@ export default {
   margin-top: 20rpx;
   justify-content: space-between;
 }
+.maskModal {
+	width: 100%;
+	position: absolute;
+	background-color: rgba(0, 0, 0, 0.4);
+	border-radius: 32rpx;
+	height: 100%;
+	top: 0;
+	right: 0;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	color: #fff;
+	font-size: 28rpx;
+	font-weight: bold;
+	}
 .notice-content-font {
   font-size: 26rpx;
   color: #0d1937;