employ-front/components/disclaimer/index.vue

<template>
	<u-popup :show="show" :custom-style="{alignItems:'center'}" mode="center" bg-color="transparent">
		<view class="se-w-600  se-bgc-white se-br-40 se-p-40">
			<view class="se-flex se-flex-h-c se-fs-34 se-fw-6 se-c-black se-mt-0">
				免责声明
			</view>
			<view class="se-lh-40 se-mt-40 se-fs-24 se-c-99">
				<u-parse :content="content" v-if="content"></u-parse>
				<!-- <text v-else>您选择不购买保险，意味着您将自行承担工作过程中可能发生的意外风险和责任。平台不承担任何相关责任，请您谨慎考虑并确认同意此声明。</text> -->
			</view>
			<view class="se-flex se-flex-h-sb se-mt-40">
				<view @click="onCancel()" class="se-br-20 se-flex-1 se-flex-h-c se-h-80 se-lh-80 se-ta-c se-fs-28 se-c-66 se-bgc-f5 se-mr-20">
					<text>取消</text>
				</view>
				<view @click="onConfirm()" class="se-br-20 se-flex-1 se-flex-h-c se-h-80 se-lh-80 se-ta-c se-fs-28 se-c-white se-bgc-orange">
					<text>同意并继续</text>
				</view>
			</view>
		</view>
	</u-popup>
</template>

<script>
export default {
	name: 'DisclaimerModal',
	data() {
		return {
			show: false,
			content : '',
		}
	},
	computed: {
	},
	methods: {
		// 对外暴露的打开方法
		open() {
			let configList = this.$store.state.data.configList
			this.content = configList.Insurance_Exemption_Agreement
			console.log(configList);
			this.show = true;
		},
		// 取消按钮点击事件
		onCancel() {
			this.show = false;
			this.$emit('cancel');
		},
		// 确认按钮点击事件
		onConfirm() {
			this.show = false;
			this.$emit('confirm');
		}
	}
}
</script>

<style scoped>
/* 组件样式 */
</style>