JianjianStreet-H5/pages/home/new-detail.vue

<template>
	<view class="new-detail">
		<view class="title">{{informData.title}}</view>
		<view class="time">{{informData.createTime}}</view>
		<u-parse :content="informData.context"></u-parse>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				informData: {}
			}
		},
		// 隐藏微信h5的标题栏
		onReady() {
			this.$com.displayNav()
		},
		onLoad(e) {
			this.getinformFindById(e.id)
		},
		methods:{
			getinformFindById(id){
				uni.showLoading()
				this.$api('informFindById',{id})
				.then(res=>{
					uni.hideLoading()
					if(res.code == 200){
						this.informData = res.result;
					}
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.new-detail {
		padding: 38rpx 40rpx 50rpx;
		
		.title {
			font-size: 34rpx;
			color: #000000;
			font-weight: 700;
		}
		.time {
			font-size: 22rpx;
			color: #C8C8C8;
			margin: 40rpx 0;
		}
	}
</style>