houserent-front/pages/discover-detail/index.vue

<template>
	<view>
		<view class="se-w-vw-100 se-h-500">
			<!-- <uv-swiper :radius="0" :list="list" :height="250" keyName="url" :autoplay="false"></uv-swiper> -->
			<image class="se-w-p-100 se-h-500" :src="detail.image" mode="aspectFill"></image>
		</view>
		<view class="se-py-20 se-flex se-bgc-white">
			<view class="se-w-vw-100 se-pl-30">
				<view class=" se-c-black se-fw-6 se-fs-32">
					{{detail.title}}
				</view>
				<!-- <view class="se-display-ib se-c-white se-bgc-orange se-fs-22 se-br-8 se-px-10 se-py-5">
					{{detail.iconTitle}}
				</view> -->
			</view>
		</view>
		<view class="se-flex se-fs-24 se-px-30">
			<view class="se-flex-1 se-py-20">
				<text class="se-c-66 se-mr-20">发布时间</text>
				<text class="se-c-black">{{detail.createTime}}</text>
			</view>
		</view>
		<view class="se-flex se-fs-24 se-px-30">
			<view class="se-flex-1 se-py-20">
				<text class="se-c-66 se-mr-20">详细内容</text>
			</view>
		</view>
		<view class="se-c-black se-pb-120 se-fs-26 se-lh-50 se-px-30 se-lh-40 se-pt-5">
			<uv-parse :content="detail.details"></uv-parse>
		</view>
	</view>
</template>

<script>
	import { commonIndexFindDetail } from "@/common/api.js"
	export default{
		data(){
			return{
				id:null,
				detail:{},
				// list: [{
				// 	url: 'https://cdn.uviewui.com/uview/resources/video.mp4',
				// 	title: '昨夜星辰昨夜风，画楼西畔桂堂东',
				// 	poster: 'https://cdn.uviewui.com/uview/swiper/swiper1.png'
				// }, {
				// 	url: 'https://cdn.uviewui.com/uview/swiper/swiper2.png',
				// 	title: '身无彩凤双飞翼，心有灵犀一点通'
				// }, {
				// 	url: 'https://cdn.uviewui.com/uview/swiper/swiper3.png',
				// 	title: '谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳'
				// }]
			}
		},
		onLoad(options) {
			this.id = options.id
			this.onCommonFindDetail()
		},
		methods:{
			onCommonFindDetail(){
				let that = this
				commonIndexFindDetail({houseId:that.id}).then(response=>{
					console.info('response',response)
					that.detail = response.result
				}).catch(error=>{
					
				})
			}
		}
	}
</script>

<style>
	page{
		background-color: #f5f5f5;
	}
</style>