120 lines
2.7 KiB
Vue
120 lines
2.7 KiB
Vue
<template>
|
|
<view class="answer pos">
|
|
<view class="flex_items flex_center mt80">
|
|
<image :src="imgUrl+'ydj.png'" style="width: 600rpx;height: 120rpx;" mode=""></image>
|
|
</view>
|
|
<view class="mt10 flex_between flex_items">
|
|
<view style="opacity: 0;width:190rpx;">展位</view>
|
|
<text class="f32" style="color: #78CA72;">话费权益免费送</text>
|
|
<view class="flex_column flex_items">
|
|
<view @click="openmask" class="tagr flex_items flex_center" style="color: #fff;z-index: 8;">
|
|
<text class="f24">活动规则</text>
|
|
<image class="ml10" :src="imgUrl+'ydj.png'" style="width:22rpx;height:20rpx;" mode=""></image>
|
|
</view>
|
|
<view class="tagr flex_items flex_center mt20" style="color: #fff;z-index: 8" @click="gomyp">
|
|
<text class="f24">我的奖品</text>
|
|
<image class="ml10" :src="imgUrl+'ydj.png'" style="width:22rpx;height:20rpx;" mode=""></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view @click="start" class="flex_items flex_center abs" style="bottom:180rpx;left: 0;width: 100%;">
|
|
<view class="butn f40 f-center" style="color: #FFF;">开始答题</view>
|
|
</view>
|
|
<Ywatermark :info="'蓝色兄弟'"></Ywatermark>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
acid: "",
|
|
imgUrl:""
|
|
}
|
|
},
|
|
onLoad(options) {
|
|
this.imgUrl = this.api.imgUrl
|
|
this.acid = options.id
|
|
// this.getData()
|
|
},
|
|
methods: {
|
|
getData(id) {
|
|
uni.showLoading({
|
|
title: "加载中..."
|
|
})
|
|
this.api.getquestion({
|
|
id: this.acid
|
|
}).then((res) => {
|
|
console.log(res)
|
|
if (res.data.code == 200) {
|
|
|
|
} else {
|
|
uni.hideLoading()
|
|
this.istrue = true
|
|
uni.showToast({
|
|
title: res.data.message,
|
|
icon: 'none'
|
|
})
|
|
}
|
|
})
|
|
},
|
|
start() {
|
|
uni.reLaunch({
|
|
url:"/pages/answer/inner?id="+this.acid
|
|
})
|
|
},
|
|
closemsk() {
|
|
this.ismask = false
|
|
this.ismask2 = false
|
|
},
|
|
openmask() {
|
|
this.ismask = true
|
|
},
|
|
gomyp() {
|
|
uni.navigateTo({
|
|
url: "/pages/my/prizes?acid=" + this.acid
|
|
})
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.answer {
|
|
background-image: url('https://pfapi.86698.cn/static/images/anbg.png') !important;
|
|
background-size: 100% 100%;
|
|
width: 100%;
|
|
height: 100vh;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.tagr {
|
|
width: 159rpx;
|
|
height: 44rpx;
|
|
background: linear-gradient(180deg, #ECEC73 0%, #63C271 100%);
|
|
border-radius: 22rpx 0rpx 0rpx 22rpx;
|
|
}
|
|
|
|
.active {
|
|
opacity: 0.2;
|
|
}
|
|
|
|
.mask {
|
|
background: rgba(0, 0, 0, 0.60);
|
|
width: 100%;
|
|
height: 100vh;
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 10;
|
|
}
|
|
|
|
.butn {
|
|
background-image: url('https://pfapi.86698.cn/static/images/bbtn.png') !important;
|
|
background-size: 100% 100%;
|
|
width: 540rpx;
|
|
height: 120rpx;
|
|
line-height: 120rpx;
|
|
}
|
|
</style>
|