<template>
<view style="padding: 24rpx;">
	<view class="title">
		{{title}}
	</view>
	<view class="time">
		{{time}}
	</view>
	<u-parse :content="content"></u-parse>
</view>
</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.title = item.notice_title
					this.time = item.create_time
					this.content = item.notice_content;
				}
			})
			
		})
	}
}
</script>

<style lang="scss" scoped>
.title{
	font-size: 40rpx;
}
.time{
	text-align: right;
	margin: 20rpx 0;
	color: #aaaaaa;
}
</style>