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

<template>
	<view class="new-detail">
		<view class="title">{{informData.title}}/{{informData.payType}}</view>
		<view class="price">{{informData.price}}/月</view>
		<view class="titleText">{{informData.titleText}}</view>
		<view class="time">{{informData.createTime}}</view>
		<view class="address">  出租地址: {{informData.address}}</view>
		<view class="homeName"> 联系人:  {{informData.homeName}} / {{informData.homePhone}}</view>
		<u-parse :content="informData.details"></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('getHouseById',{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;
		}
		.price{
			font-size: 34rpx;
			color: #FF0000;
			margin: 40rpx 0;
			
		}
		.titleText{
			font-size: 24rpx;
			color: #000000;
			margin: 40rpx 0;
		}
		.homePhone{
			font-size: 28rpx;
			color: #000000;
			margin: 40rpx 0;
		}
		.homeName{
			font-size: 28rpx;
			color: #000000;
			margin: 40rpx 0;
		}
		.address{
			font-size: 22rpx;
			color: #000000;
			margin: 20rpx 0;
		}
		.time {
			font-size: 22rpx;
			color: #C8C8C8;
			margin: 40rpx 0;
		}
	}
</style>