smart-tourism/smart-ui-app/pages/travel/detail.vue

<template>
	<view class="contents">
		<view class="title">
			<text>{{ item.title }}</text>
		</view>
		<view class="ly">
			<text>{{ item.author }}</text>
			<text class="day">{{item.createTime}}</text>
		</view>
		<view>
			<view class="fwb"><u-parse :html="item.content"></u-parse></view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			ip: this.$http.urls.ip,
			item: {}
		};
	},
	onLoad(e) {
		this.$http.request({
			url: this.$http.urls.getContentInfo + e.id,
			success: res => {
				this.item = res.data.data.info;
				this.item.content = res.data.data.info.content.replace(new RegExp('/prod-api/profile/upload','g'),this.ip+'/profile/upload');
				this.item.createTime = this.$u.timeFrom(new Date(this.item.createTime.replace(/\-/g, '/')).getTime());
			}
		});
	},
	methods: {}
};
</script>

<style lang="scss">
.contents {
	padding: 20px;
	.ly {
		font-size: 14px;
		margin-bottom: 15px;
		color: #2196f3;
		.day {
			color: #818184;
			padding-left: 10px;
		}
	}
	.title {
		font-size: 23px;
		font-weight: 400;
		margin-bottom: 20px;
	}
	.pic {
		width: 100%;
		border-radius: 3px;
		margin-top: 3px;
	}
	.fwb {
		margin-top: 15px;
		color: #909090;
	}
}
._p{
	color: #404040;
	line-height: 23px;
	margin-top: 13px;
	font-size: 16px;
}
</style>