ctxx-xcx/ctxx_xcx/pages/indexNotice/index.vue

<template>
	<view class="content">
		<view class="title">{{title}}</view>
		<mp-html class="style-s" :content="contenet" />
			<!-- <rich-text class="style-s" :nodes="contenet"></rich-text> -->
	</view>
</template>

<script>
	import api from 'utils/api'
	import util from 'utils/util'
	import uParse from '@/components/gaoyia-parse/parse.vue'
	export default {
		 components: {
		    uParse
		  },
		data() {
			return {
				contenet:'',
				title:''
			}
		},
		onLoad() {
			api.getSysConfig({}).then((res)=>{
				if(res.code==1){
					this.contenet=res.data.notice_content.replace(/\<img/gi, '<img style=max-width:100%;height:auto')
					this.title=res.data.notice_title
				}
			})
		},
		methods: {

		}
	}
</script>

<style lang="scss">
.style-s{
  font-size: 24rpx;
}
	.title{
		padding: 20rpx 0;
		font-size: 32rpx;
		color: #222;
		font-weight: bold;
		text-align: center;
	}
	.content{
		padding:30rpx;
		background-color: #fff;
		width: 640rpx;
		margin: 0 auto;
		border-radius: 16rpx;
	}
</style>