<template>
	<view>
		<u-overlay :show="show">
			<view class="updatetips-whole">
				<view class="updatetips">
					<view>
						<view class="updatetips-head"><view class="updatetips-version">今日任务</view></view>
						<view class="updatetips-content">
							<scroll-view scroll-y="true" style="height: 550rpx;" scroll-with-animation="true">
								<view style="margin-bottom: 10rpx;" v-for="(item, index) in $store.state.overlaypop.listdata" :key="index" class="">
									<p style="font-size: 15px;font-weight: 600;">{{ index + 1 }}:{{ item.title }}</p>
									<u--text :text="item.description"></u--text>
								</view>
							</scroll-view>
						</view>
					</view>

					<view style="display: flex;justify-content: space-around;">
						<view class="updatetips-btn" @click="downloadBtn()">稍后处理</view>
						<view class="updatetips-btn" @click="downBtn()">立即处理</view>
					</view>
				</view>
			</view>
		</u-overlay>
	</view>
</template>

<script>
const SixUniTts = uni.requireNativePlugin('SmallSix-SixUniTts');
// SixUniTts.initSixUniTts()
// SixUniTts.startSpeech({ speechText: '小六测试播放' })
// console.log('yuyin');
export default {
	name: 'OverlayPop',
	props: ['show'],
	data() {
		return {};
	},
	mounted() {
		SixUniTts.initSixUniTts();
		// console.log(this.$store.state.overlaypop, '111');
	},
	methods: {
		//立即查看
		downBtn() {
			SixUniTts.startSpeech({ speechText: '功能待完善' });
		},
		//稍后处理
		downloadBtn() {
			// this.show = false;
			// this.getXT();
			this.$emit('showF');
			uni.$u.toast('稍后可在今日任务查看');
			// console.log(this.$store.state.overlaypop, '111');
		}
	}
};
</script>
<style scoped>
.updatetips-whole {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.updatetips {
	position: relative;
	width: 80%;
	min-height: 100rpx;
	background-color: #fff;
	border-radius: 20rpx;
}
.updatetips-head {
	position: relative;
	width: 100%;
	height: 15rpx;
}
.updatetips-head > image {
	position: absolute;
	top: -72rpx;
	width: 100%;
	height: 280rpx;
}
.updatetips-version {
	position: absolute;
	top: 30rpx;
	left: 220rpx;
	/* color: #fff; */
	font-size: 40rpx;
	font-weight: 600;
}
.updatetips-content {
	width: 80%;
	min-height: 500rpx;
	margin: 80rpx auto;
}
.updatetips-btn-disable {
	height: 120rpx;
	line-height: 120rpx;
	text-align: center;
	color: #e6e6e6;
}
.updatetips-btn {
	height: 120rpx;
	line-height: 120rpx;
	text-align: center;
	color: #55d88a;
}
.updatetips-btn::before {
	content: '';
	width: 85%;
	height: 1px;
	background-color: #e6e6e6;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
}
</style>
