|
|
@@ -10,9 +10,10 @@
|
|
|
v-for="(item, index) in attractList"
|
|
|
:key="index"
|
|
|
style="justify-content: start"
|
|
|
- @click="goAttractDeatil(item.id, item.time_type)"
|
|
|
- :class="{ unclick: item.time_type == 0 }"
|
|
|
- >
|
|
|
+ @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"
|
|
|
@@ -150,6 +151,7 @@ export default {
|
|
|
}
|
|
|
.notice-content-box {
|
|
|
width: 100%;
|
|
|
+ position: relative;
|
|
|
display: flex;
|
|
|
padding: 30rpx;
|
|
|
background-color: #ffffff;
|
|
|
@@ -157,6 +159,20 @@ export default {
|
|
|
border-radius: 32rpx;
|
|
|
margin-top: 20rpx;
|
|
|
justify-content: space-between;
|
|
|
+ .maskModal {
|
|
|
+ width: 100%;
|
|
|
+ position: absolute;
|
|
|
+ background-color: rgba(0, 0, 0, 0.3);
|
|
|
+ border-radius: 32rpx;
|
|
|
+ height: 100%;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 26rpx;
|
|
|
+ }
|
|
|
.notice-content-font {
|
|
|
font-size: 26rpx;
|
|
|
color: #0d1937;
|
