租房小程序前端代码
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

76 lines
2.1 KiB

<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>