<template>
	<view class="sysCon">
		<view class="sysTitleCon">
			<text class="sysTitle">{{getData.title}}</text>
		</view>
		<view class="sysTimeCon">
			<text class="sysTime">{{getData.time1}}</text>
		</view>
		<view class="sysPic">
			<image :src="getData.img" style="width: 686rpx;height: 318rpx;" mode=""></image>
		</view>
		<view class="sysNav">
			<rich-text :nodes="content"></rich-text>
		</view>
	</view>
</template>

<script>
	import request from "../../utils/request.js"
	export default {
		onLoad(options) {
			this.id=options.id
			this.detail()
		},
		data() {
			return {
               id:'',
			   getData:'',
			   content:''
			}
		},
		methods:{
			detail(){
				request.get('/api/mation/detailMation',{
					id:this.id
				}).then(res=>{
					this.getData=res.data.info[0]
					var richtext = res.data.info[0].content
					const regex = new RegExp('<img', 'gi');
					richtext = richtext.replace(regex, `<img style="max-width: 100%;display:block"`)
					this.content =richtext
				}).catch(err=>{})
			}
		},
		created() {
			
		}
	}
</script>

<style>
	@import url("/common/uni.css");
	@import url("/common/systenatic.css");
</style>