zhengxinApplets/pages/view/outer.vue

<template>
	<view class="article">
		<view class="title" v-if="info.title">{{info.title}}</view>
		<view class="time" v-if="info.title">{{info.created_at}}</view>
		<view class="content" v-if="info.title" v-html="info.content"></view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				type: "",
				id: "",
				info: {}
			}
		},
		onLoad(options){
			// 隐私协议	YSXY 用户协议	YHXY 关于我们	GYWM  协议规则	XYGZ  资质证明	ZZZM
			this.type = options.type;
			this.queryArticleList();
			uni.setNavigationBarTitle({
				title: options.type =='YSXY'?'隐私协议':
				options.type =='YHXY'?'用户协议':
				options.type =='GYWM'?'关于我们':
				options.type =='XYGZ'?'协议规则':
				options.type =='ZZZM'?'资质证明': ''
			})
		},
		methods: {
			//系统公告
			async queryArticleList() {
				const { code, data } = await this.$api.systembasicGetInfo({type: this.type})
				if(code == 200){
					if(data && data.length > 0){
						this.info = data[0]
					}
				}
			},
		}
	}
</script>

<style lang="scss" scoped>
.article{
	padding: 20rpx;
	overflow: hidden;
	.title{
		font-size: 36rpx;
		text-align: center;
		padding: 30rpx 0;
		color: #212121;
	}
	.time{
		font-size: 24rpx;
		color: #999999;
	}
	.content{
		padding: 30rpx 0;
		font-size: 26rpx;
		color: #212121;
		line-height: 48rpx;
		text-align: left;
	}
	.p{
		padding: 200rpx 0 50rpx;
	}
}
</style>