h5-elab-open-ownerUnion/components/subComponents/dmAgreement.vue

<template>
	<dm-pop-view ref='popView' title="入驻协议" :isShowConfirm="false" :maskTapHide='maskTapHide'>
		<view class="content">
			<text class="txt">
				用户绑定微信登陆并与单一一个商户主体进行绑定，提交身份资料进行审核。\n 用户绑定微信、淘房客并提交身份申请，收到待审核条目及相关信息， 操作人员点击通过后，推送推广开通成功消息 \n1、用户点击着陆页，唤起授权。 \n2、用户填写表单并提交 \n3、elab后台审核用户资质，并通过 \n4、用户获得主播身份 1、审核状态：待审核、已通过 \n5、短信模版：【淘房客】您的主播资质已认证通过！请在电脑上登陆“淘房客”并使用直播功能。 用户绑定微信登陆并与单一一个商户主体进行绑定，提交身份资料进行审核。 用户绑定微信、淘房客并提交身份申请，收到待审核条目及相关信息， 操作人员点击通过后，推送推广开通成功消息 1、用户点击着陆页，唤起授权。 \n6、用户填写表单并提交 \n7、elab后台审核用户资质，并通过 \n8、用户获得主播身份
			</text>
			<view class="xieyi" @click="agreeXieyi">
				<image class="icon_selected" v-if="agree" src="../../static/icons/icon_yezhu_selected.png" mode=""></image>
				<image class="icon_selected" v-else src="../../static/icons/icon_yezhu_unselected.png" mode=""></image>
				<text class="tongyi" >我已阅读并同意</text>
				<text class="xieyi_text">《入驻协议》</text>
			</view>
		</view>
	</dm-pop-view>
</template>

<script>
	import dmPopView from './dmPopView.vue'

	export default {
		props: {
			maskTapHide: {
				type: Boolean,
				default: true
			},
			confirmStr: {
				type: String,
				default: '确认'
			},
			cancelStr: {
				type: String,
				default: '取消'
			},
			info:Object,
			mobile:String
		},
		data() {
			return {
				agree:false
			}
		},
		mounted() {
		},
		
		methods: {
			show() {
				this.$refs.popView.show()
			},
			knowAction(){
				this.$refs.popView.hide()
			},
			confirmAction() {
				this.$refs.popView.hide()
				
			},
			agreeXieyi(){
				this.agree = true;
				this.$emit('agree',true)
				this.$refs.popView.hide()
			}
		},
		components: {
			dmPopView
		}
	}
</script>

<style scoped lang="scss">
	.content {
		width: 100%;
		margin-top: 40rpx;
		.txt{
			width: 100%;
			display: block;
			box-sizing: border-box;
			padding-left: 44rpx;
			padding-right: 44rpx;
			font-family: Verdana;
			font-size: 24rpx;
			font-family: Verdana, Verdana-Regular;
			font-weight: 400;
			text-align: left;
			color: #262626;
			line-height: 50rpx;
		}
		
		.xieyi{
			display: flex;
			width: 100%;
			justify-content: center;
			align-items: center;
			margin-top: 40rpx;
			margin-bottom: 40rpx;
			
			.icon_selected{
				width: 24rpx;
				height: 24rpx;
				margin-right: 20rpx;
			}
			.tongyi{
				font-size: 24rpx;
				font-family: Verdana, Verdana-Regular;
				font-weight: 400;
				color: #999999;
				display: inline-block;
			}
			.xieyi_text{
				font-size: 24rpx;
				font-family: Verdana, Verdana-Regular;
				font-weight: 400;
				color: #f07423;
				display: inline-block;
			}
		}
		
	}
</style>