zhywpt-h5/pages/userInfoUploading/components/agreement.vue

<template>
	<view class="word-inp">
		<u-modal v-model="show" title='用户隐私保护提示' @confirm="confirm" confirm-text='同意'>
			<view class="word-inp-content">
				使用前请仔细阅读<text @click="handleCha"
					style="color: #2092ed;">《ETC用户信息收集隐私保护协议》</text>。当您点击同意并开始使用产品服务时，即表示你已理解并同意该条款内容，请点击“同意”开始使用
			</view>
		</u-modal>
	</view>

</template>

<script setup>
	import {
		ref
	} from 'vue'
	const show = ref(false)
	const confirm = () => {
		show.value = false
	}
	const handleCha = () => {
		// isShow.value = true
		window.open('https://file.etcjz.cn/file/mini/static/img//html/clause230928.html', '_self');
	}
</script>

<style scoped>
	.word-inp-content {
		font-size: 28rpx;
		padding: 30rpx;
		line-height: 40rpx;
	}

	.slot-content {
		height: 70vh;
		width: 100%;
	}
</style>