kubbo/dvcp_v2_wxcp_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

以房找人

Browse Source
This commit is contained in:
liuye
2021-12-15 18:26:33 +08:00
parent 3619dd40cd
commit d57e623042
1 changed files with 158 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

158
src/apps/AppBuilding/components/add.vue
View File

@@ -4,6 +4,116 @@
<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 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>
</template>
@@ -30,6 +140,7 @@ export default {
<style lang="scss" scoped>
.add {
padding-bottom: 112px;
.title{
width: 100%;
height: 96px;
@@ -57,5 +168,52 @@ export default {
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>