<template>
	<div class="wx-share-result">
		<section>
			<div class="res-wrap">
				<img src="../assets/img/resimg0.png">
				<h1>{{statusTxt}}</h1>
				<h3>登录云鹊医APP立即开始学习</h3>
			</div>
			
			<div class="btn-app down-app" @click="downApp">下载APP</div>
			<div class="btn-app has-app" @click="downApp">已有APP</div>

			<div class="line"></div>
			
			<div class="more-course">
				<header>更多精彩好课推荐</header>
				<div class="course-list">
					<div class="course-item">
						<div class="course-txt">
							<h1>高血压系列课程</h1>
							<h3>《高血压的发病机制》等总计4门课程</h3>
						</div>
						<div class="course-img"><img src="../assets/img/resimg1.png"></div>
					</div>

					<div class="course-item">
						<div class="course-txt">
							<h1>糖尿病系列课程</h1>
							<h3>《胰岛素的选择和管理》等总计4门课程</h3>
						</div>
						<div class="course-img"><img src="../assets/img/resimg2.png"></div>
					</div>

					<div class="course-item">
						<div class="course-txt">
							<h1>中医系列课程</h1>
							<h3>《慢性胃炎的中医治疗》等总计3门课程</h3>
						</div>
						<div class="course-img"><img src="../assets/img/resimg3.png"></div>
					</div>

					<div class="course-item">
						<div class="course-txt">
							<h1>全科系列课程</h1>
							<h3>《胸痛原因待查》等总计3门课程</h3>
						</div>
						<div class="course-img"><img src="../assets/img/resimg4.png"></div>
					</div>
				</div>
			</div>
		</section>
	</div>
</template>

<script>
	export default {
		asyncData({ query }){
			const { status } = query; // 上个页面传递过来领取结果， false 为已领取， true 为领取成功
			const statusTxt = (status=='true') ? '领取成功' : '您已领取';
			return {
				statusTxt
			}
		},
		mounted(){
  		document.querySelector('body').setAttribute('style', 'background: "";');
		},
		methods: {
			downApp(){
				window.location.href = 'https://android.myapp.com/myapp/detail.htm?apkName=com.picahealth.yunque&ADTAG=mobile';
			}
		}
	}
</script>

<style lang="less" scoped>
@import '../assets/style/index.less';
</style>
<style lang="less">
@import '../assets/style/revant.less';
</style>