yicangzongtai_app_240321/pages/research/register/agreement.vue

<template>
	<view class="agreement">
		<navbar ref="navbar" :config="config" backColor="#666"></navbar>
		<view class="top ql-editor-box" v-html="list.user_protocol">
			<!-- <view class="title-item">
				<jyfparser 
				  :html="$mUtil.formatRichText(list.user_protocol)"
				  ref="article"
				></jyfparser>
			</view> -->
		</view>
	</view>
</template>

<script>
	// import jyfParser from "@/components/jyf-parser/jyf-parser.vue"
	export default {
		// components:{
		// 	jyfParser
		// },
		data() {
			return {
				config: {
					back: true, //false是tolbar页面 是则不写
					title: '用户协议',
					color: '#1A1A1A',
					//背景颜色;参数一：透明度（0-1）;参数二：背景颜色（array则为线性渐变，string为单色背景）
					backgroundColor: [1, "#fff"],
					statusBarFontColor: '#1A1A1A',
				},
				list: {}
			}
		},
		onShow() {
			this.getList()
		},
		methods: {
			getList() {
				this.$http.get("/protocol/info").then(res => {
					if (res && res.code == 200) {
						console.log(res)
						this.list = res.data
					}
				})
			},
		},

	}
</script>

<style lang="scss" scoped>
	.agreement {
		width: 100%;
		overflow: hidden;
	}

	.title-item {
		img {
			width: 690rpx;
			height: 390rpx;
		}
	}

	.top {
		padding: 30rpx;

		.item {
			font-size: 28rpx;
			font-weight: 700;
			color: #050505;
			line-height: 40rpx;
		}

		.content {
			padding: 0 14rpx 26rpx 14rpx;
			font-size: 24rpx;
			color: #666666;
			font-weight: 500;
			line-height: 48rpx;
		}

		.title {
			font-size: 26rpx;
			font-weight: 700;
			color: #050505;
			line-height: 40rpx;
		}

		.title-item {
			color: #666666;
			font-weight: 500;
			line-height: 48rpx;
			font-size: 24rpx;
			padding: 0 14rpx;
		}
	}
</style>