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.
206 lines
4.3 KiB
206 lines
4.3 KiB
<template>
|
|
<view class="container">
|
|
|
|
<view class="ant-nav-compat"/>
|
|
<view class="ant-nav-container">
|
|
<view class="ant-nav-back" @click="goback"/>
|
|
<view class="ant-nav-title">发布房源</view>
|
|
</view>
|
|
|
|
<view class="ant-from-container">
|
|
<view class="ant-from">
|
|
<view class="from-item from-splie">
|
|
<view class="label">类型</view>
|
|
<view class="context">整租（非转租）</view>
|
|
</view>
|
|
<view class="from-item from-splie">
|
|
<view class="label">小区</view>
|
|
<view class="context">恒星碧桂园</view>
|
|
</view>
|
|
<view class="from-item">
|
|
<view class="label">楼层</view>
|
|
<view class="context">1楼</view>
|
|
</view>
|
|
<view class="from-item">
|
|
<view class="label">户型</view>
|
|
<view class="context">三室一厅一厨二卫</view>
|
|
</view>
|
|
<view class="from-item">
|
|
<view class="label">装修</view>
|
|
<view class="context">超豪华精装</view>
|
|
</view>
|
|
<view class="from-item from-splie">
|
|
<view class="label">面积</view>
|
|
<view class="context">138m2</view>
|
|
</view>
|
|
|
|
<view class="from-item from-splie">
|
|
<view class="label">房屋配置</view>
|
|
<view class="context">带露台带花园车库三车位</view>
|
|
</view>
|
|
|
|
<view class="from-item">
|
|
<view class="label">房屋</view>
|
|
<view class="context">例：1550元/月</view>
|
|
</view>
|
|
<view class="from-item from-splie">
|
|
<view class="label">付款方式</view>
|
|
<view class="context">压一付一</view>
|
|
</view>
|
|
|
|
<view class="from-item from-splie">
|
|
<view class="label">服务费</view>
|
|
<view class="context">无</view>
|
|
</view>
|
|
|
|
<view class="from-item from-splie">
|
|
<view class="label">起租时长</view>
|
|
<view class="context">6个月起</view>
|
|
</view>
|
|
|
|
<view class="from-item from-splie">
|
|
<view class="label">个人要求</view>
|
|
<view class="context">无</view>
|
|
</view>
|
|
|
|
<view class="from-item">
|
|
<view class="label">详细描述</view>
|
|
<view class="context">无</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="ant-from-submit" @click="next">发布</view>
|
|
<view class="ant-from-submit-tip">
|
|
<p>*为了保障租户合法权限，平台可能会联系您本人核实情况，也有可能抽检房屋信息，请积极配合。如果抽检过程存在不合规或者使您不愉快的行为您可以通过<span>官方投诉电话</span>进行反馈。</p>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</template>
|
|
|
|
<style lang="scss">
|
|
|
|
.ant-nav-compat{
|
|
content: "";
|
|
background-color: #F5F5F5;
|
|
height: 88rpx;
|
|
width: 100vw;
|
|
}
|
|
|
|
.container{
|
|
background-color: rgb(245, 245, 245) !important;
|
|
|
|
.ant-nav-container{
|
|
height: 88rpx;
|
|
width: 100vw;
|
|
line-height: 88rpx;
|
|
background-color: #F5F5F5;
|
|
text-align: center;
|
|
vertical-align: top;
|
|
position: relative;
|
|
|
|
color: #333;
|
|
font-size: 36rpx;
|
|
font-weight: bold;
|
|
letter-spacing: -0.1rpx;
|
|
|
|
.ant-nav-back {
|
|
content: "";
|
|
position: absolute;
|
|
top: 35rpx;
|
|
left: 30rpx;
|
|
width: 18rpx;
|
|
height: 18rpx;
|
|
border-bottom: 3rpx solid #333;
|
|
border-right: 3rpx solid #333;
|
|
transform: rotate(135deg);
|
|
}
|
|
}
|
|
|
|
.ant-from-container{
|
|
|
|
.from-item{
|
|
padding: 0 30rpx;
|
|
width: calc(100vw - 60rpx);
|
|
min-height: 88rpx;
|
|
line-height: 88rpx;
|
|
background-color: #fff;
|
|
|
|
font-size: 32rpx;
|
|
color: #333;
|
|
|
|
.label{
|
|
float: left;
|
|
}
|
|
|
|
.context{
|
|
float: right;
|
|
}
|
|
}
|
|
|
|
.from-splie{
|
|
margin-bottom: 20rpx;
|
|
}
|
|
|
|
.ant-from-submit{
|
|
margin: 30rpx;
|
|
|
|
width: calc(100% - 60rpx);
|
|
height: 92rpx;
|
|
line-height: 92rpx;
|
|
background-color: #00b2ff;
|
|
border-radius: 8rpx;
|
|
|
|
color: #fff;
|
|
text-align: center;
|
|
font-size: 36rpx;
|
|
}
|
|
|
|
.ant-from-submit-tip{
|
|
width: calc(100vw - 90rpx);
|
|
padding: 30rpx;
|
|
|
|
|
|
color: #999;
|
|
font-size: 26rpx;
|
|
font-weight: 400;
|
|
line-height: 36rpx;
|
|
letter-spacing: 0rpx;
|
|
|
|
span{
|
|
color: #00b2ff;
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
show: false,
|
|
}
|
|
},
|
|
onReachBottom() {
|
|
console.log("reach bottom")
|
|
},
|
|
methods: {
|
|
next: function(){
|
|
|
|
},
|
|
goback: function(){
|
|
uni.navigateBack(-1)
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|