RentWeAppFront/pages-biz/notice/noticeDetail.vue

<template>
	<view>
		<u-navbar :is-back="true" :title="title" :border-bottom="false"></u-navbar>
		<view class="u-content">
			<u-parse :html="content"
			:autosetTitle="true"
			:show-with-animation="true"
			:selectable="true"></u-parse>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				id:null,
				title:'资讯',
				content: ``
			}
		},
		onLoad(option) {
			this.id = option.id
			this.getDetail()
		},
		methods:{
			getDetail(){
				this.$u.get(`/notice/detail?id=${this.id}`,{},{
					WT: this.$getToken()
				}).then(res=>{
					if(res.flag) {
						this.title = res.data.noticeTitle;
						this.content = res.data.noticeContent;
					}
				})
			}
		}
	}
</script>

<style>
	page{
		background-color: #FFFFFF;
	}
</style>
<style lang="scss" scoped>
	.u-content{
		margin:0 10rpx;
		padding: 24rpx;
		font-size: 34rpx;
		color: $u-main-color;
		line-height: 1.8;
		white-space: pre-wrap !important;
	}
</style>