<view class="noPrize_box" v-if="isThank">
<cover-view class="noPrize" v-if="isThank"></cover-view>
<cover-view class="again" v-if="isThank"></cover-view>
<cover-view class="again_mask" @click="again" v-if="isThank"></cover-view>
<cover-view class="close" @click="close(2)" v-if="isThank"></cover-view>
</view>
export default {
data () {
return {
isThank: true
}
},
methods:{
again(){},
close(){}
}
}
.noPrize_box{
width: 100vw;
height: 100vh;
position: fixed;
top: 0px;
left: 0px;
text-align: center;
z-index: 30;
.noPrize{
width: 550rpx;
height: 550rpx;
background-image: url("../../static/home/noPrize.png");
background-size: contain;
background-repeat: no-repeat;
position: fixed;
top: 400rpx;
left: 100rpx;
z-index: 31;
text-align: center;
font-size: 14px;
animation: showNoPrize 1s ease-in-out;
}
.again{
width: 240rpx;
height: 66rpx;
line-height: 66rpx;
border-radius: 20px;
position: absolute;
left: 255rpx;
top: 650rpx;
color: #F05859;
background-image: url("../../static/home/btn_11.png");
background-size: 100% 100%;
z-index: 32;
animation: showNoPrize 1s ease-in-out;
}
.again_mask{
width: 340rpx;
height: 150rpx;
position: absolute;
left: 205rpx;
top: 610rpx;
z-index: 33;
background: rgba(0, 0, 0, 0.5);
}
.close{
width: 100rpx;
height: 200rpx;
background-image: url("../../static/home/close.png");
background-size: contain;
position: absolute;
left: 325rpx;
top: 770rpx;
z-index: 32;
animation: showNoPrize 1s ease-in-out;
background-color: rgba(255, 0, 0, 0.5);
background-repeat: no-repeat;
background-position: bottom;
}
}
