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

<template>
	<dm-pop-view ref='popView' title="入驻协议" :isShowConfirm="false" :maskTapHide='maskTapHide'>
		<view class="content">
			<iframe class='txt' :src='url'></iframe>
			<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,
			url: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%;
			height: 600rpx;
			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;
			border: medium none;
		}
		
		.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>