<template>
<div style="padding:20rpx;background: #ffffff;margin: 24rpx;min-height: calc(100vh - 48rpx);">
	<view class="title">
		{{title}}
	</view>
	<view class="time">
		{{time}}
	</view>
	<u-parse :content="content"></u-parse>
</div>
</template>

<script>
import { getNoticeList } from '@/api/user.js';
export default{
	data(){
		return{
			content:'',
			title:'',
			time:''
		}
	},
	onLoad(option) {
		console.log(option);
		getNoticeList().then(res=>{
			
			let list= res.data.list;
			list.forEach(item=>{
				if(item.notice_id==option.id){
					this.content = item.notice_content;
					this.title = item.notice_title;
					this.time = item.create_time
				}
			})
			
		})
	}
}
</script>

<style lang="scss" scoped>
.title{
	font-size: 39rpx;
}
.time{
	font-size: 32rpx;
	text-align: right;
	color:#999999;
	margin-top:20rpx;
}
</style>