以房找人
This commit is contained in:
liuye
@@ -4,6 +4,116 @@
|
|||||||
<span class="tips"></span>房屋信息
|
<span class="tips"></span>房屋信息
|
||||||
<span class="select">选择人员</span>
|
<span class="select">选择人员</span>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="pad-l32">
|
||||||
|
<div class="item">
|
||||||
|
<span class="label">房屋面积</span>
|
||||||
|
<div class="value">
|
||||||
|
<span class="color-999">请选择</span>
|
||||||
|
<u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<span class="label">居住现状</span>
|
||||||
|
<div class="value">
|
||||||
|
<span class="color-999">请选择</span>
|
||||||
|
<u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<span class="label">房屋用途</span>
|
||||||
|
<div class="value">
|
||||||
|
<span class="color-999">请选择</span>
|
||||||
|
<u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<span class="label">承租情况</span>
|
||||||
|
<div class="value">
|
||||||
|
<span class="color-999">请选择</span>
|
||||||
|
<u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<span class="label">起租日期</span>
|
||||||
|
<div class="value">
|
||||||
|
<span class="color-999">请选择</span>
|
||||||
|
<u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<span class="label">租房备案证明</span>
|
||||||
|
<div class="value">
|
||||||
|
<span class="color-999">请选择</span>
|
||||||
|
<u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="line-bg"></div>
|
||||||
|
<div class="title">
|
||||||
|
<span class="tips"></span>房主信息
|
||||||
|
<span class="select">选择人员</span>
|
||||||
|
</div>
|
||||||
|
<div class="pad-l32">
|
||||||
|
<div class="item">
|
||||||
|
<span class="label">林珊珊</span>
|
||||||
|
<div class="value">
|
||||||
|
<span class="color-999">请选择</span>
|
||||||
|
<u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<span class="label">李益民</span>
|
||||||
|
<div class="value">
|
||||||
|
<span class="color-999">请选择</span>
|
||||||
|
<u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="line-bg"></div>
|
||||||
|
<div class="title">
|
||||||
|
<span class="tips"></span>承租人信息
|
||||||
|
<span class="select">选择人员</span>
|
||||||
|
</div>
|
||||||
|
<div class="pad-l32">
|
||||||
|
<div class="item">
|
||||||
|
<span class="label">林珊珊</span>
|
||||||
|
<div class="value">
|
||||||
|
<span class="color-999">请选择</span>
|
||||||
|
<u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<span class="label">李益民</span>
|
||||||
|
<div class="value">
|
||||||
|
<span class="color-999">请选择</span>
|
||||||
|
<u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="line-bg"></div>
|
||||||
|
<div class="title">
|
||||||
|
<span class="tips"></span>实际居住人员
|
||||||
|
<span class="select">选择人员</span>
|
||||||
|
</div>
|
||||||
|
<div class="pad-l32">
|
||||||
|
<div class="item">
|
||||||
|
<span class="label">林珊珊</span>
|
||||||
|
<div class="value">
|
||||||
|
<span class="color-999">请选择</span>
|
||||||
|
<u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<span class="label">李益民</span>
|
||||||
|
<div class="value">
|
||||||
|
<span class="color-999">请选择</span>
|
||||||
|
<u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer">
|
||||||
|
<div class="btn">保存</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -30,6 +140,7 @@ export default {
|
|||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.add {
|
.add {
|
||||||
|
padding-bottom: 112px;
|
||||||
.title{
|
.title{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 96px;
|
height: 96px;
|
||||||
@@ -57,5 +168,52 @@ export default {
|
|||||||
color: #1365DD;
|
color: #1365DD;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.item{
|
||||||
|
width: 100%;
|
||||||
|
padding: 34px 32px 34px 0;
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-bottom: 1px solid #D8DDE6;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
font-size: 32px;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
color: #333;
|
||||||
|
line-height: 44px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
.color-999{
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
.value{
|
||||||
|
.u-icon{
|
||||||
|
margin-left: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.footer{
|
||||||
|
width: 100%;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
.btn{
|
||||||
|
width: 100%;
|
||||||
|
height: 112px;
|
||||||
|
line-height: 112px;
|
||||||
|
text-align: center;
|
||||||
|
background: #1365DD;
|
||||||
|
font-size: 32px;
|
||||||
|
font-family: PingFangSC-Medium, PingFang SC;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #FFF;
|
||||||
|
}
|
||||||
|
.line-bg{
|
||||||
|
width: 100%;
|
||||||
|
height: 16px;
|
||||||
|
background: #F5F5F5;
|
||||||
|
}
|
||||||
|
.pad-l32{
|
||||||
|
padding-left: 32px;
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
Reference in New Issue
Block a user