<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>
