<template>
	<view>
		<u-popup :show="is_show" :round="10" mode="bottom">
			<view class="wx_view">
				<img src="../../static/images/login_log.png" alt="">
				<view class="">
					登录即可查看详情内容
				</view>
				<view class="wx_btn">
					<img src="../../static/images/wx_pic.png" alt="">
					<text>微信快捷登录</text>
				</view>
				<view class="wx_canelbtn" @click="is_show = false">
					<text>取消</text>
				</view>
				<view class="agreement_view">
					<view class="check_agreement" v-if="agree_agreement" 
					@click="agree_agreement = agree_agreement ? false : true"></view>
					<view class="notcheck_agreement" v-if="!agree_agreement"
					@click="agree_agreement = agree_agreement ? false : true"></view>
					<text>我已阅读并同意 <a href="https://xs-service.finezb.com/privacyAgreement.html" target="_blank">《用户隐私协议》</a>
					和 <a href="https://xs-service.finezb.com/privacyAgreement.html" target="_blank">《商家隐私协议》</a> </text>
				</view>
			</view>
			<view class="">
				
			</view>
		</u-popup>
	</view>
</template>

<script>
	export default {
		name:"login",
		props:{
			
		},
		data() {
			return {
				is_show:true,
				agree_agreement:true
			};
		}
	}
</script>

<style>
.wx_view{
	text-align: center;
	font-size: 28rpx;
	padding-top: 68rpx;
	padding-bottom: 80rpx;
}
.wx_view>img{
	width: 122rpx;
	height: 122rpx;
}
.wx_btn{
	width: 520rpx;
	height: 96rpx;
	background: #00E36B;
	border-radius: 60rpx;
	margin: 80rpx auto 24rpx auto;
	line-height: 96rpx;
	color: #fff;
}
.wx_btn img{
	width: 52rpx;
	height: 52rpx;
	vertical-align: middle;
	margin: 0 16rpx;
}
.wx_canelbtn{
	width: 520rpx;
	font-size: 24rpx;
	height: 96rpx;
	background: #EEEEEE;
	border-radius: 60rpx;
	margin: 0 auto;
	line-height: 96rpx;
	color: #777777;
}
.agreement_view{
	margin-top: 100rpx;
	padding: 0 50rpx;
	
}
.check_agreement{
	display: inline-block;
	vertical-align: middle;
	margin-right: 20rpx;
	width: 28rpx;
	height: 28rpx;
	background-color: #00E36B;
	border-radius: 50%;
}
.agreement_view a{
	text-decoration: none;
}
.notcheck_agreement{
	display: inline-block;
	vertical-align: middle;
	margin-right: 20rpx;
	width: 25rpx;
	height: 25rpx;
	border: 1rpx solid #ccc;
	border-radius: 50%;
}
</style>