zx_flk_app/pages/message/systemInfo.vue

<template>
	<view class="">
		<navBar name="系统消息"/>
		<view class="info-title">{{systemInfo.title}}</view>
		<view class="info-time">{{tools.formatTime(systemInfo.ctime)}}</view>
		<view class="nodes">
			<rich-text v-if="systemInfo.content" :nodes="systemInfo.content"></rich-text>
		</view>
	</view>
</template>
<script module="tools" lang="wxs" src="@/pages/common/wxs/tools.wxs"></script>
<script module="tools" lang="sjs" src="@/pages/common/wxs/tools.sjs"></script>
<script>
const config = require('@/common/config.js');
const http = require('@/common/http.js');
const request = require('@/common/request.js');
const common = require('@/common/common.js');
export default {
    data() {
        return {
            systemInfo:{},
			id:''
        }
    },
	onLoad(options){
		this.id = options.id || ''
		this.querySystemMsg()
	},
    methods: {
        querySystemMsg() {
			const pData={
				id:this.id,
				type:'PLAT'
			}
            http.postApi(config.API_MESSAGE_DTL, pData, res => {
                if (res.succeed) {
                    this.systemInfo = res.body.data
                }
            })
        },
    }
}
</script>


<style>
	.info-title{
		font-family: PingFangSC, PingFang SC;
		font-weight: 600;
		font-size: 36rpx;
		color: #060809;
		padding: 20rpx 32rpx;
	}
	.info-time{
		font-family: Futura, Futura;
		font-weight: 500;
		font-size: 24rpx;
		color: #060809;
		opacity: 0.4;
		padding: 20rpx 32rpx;
	}
	.nodes{
		color: #333;
		font-size: 28rpx;
		padding: 34rpx 32rpx 32rpx;
	}
</style>