Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
deb3c87e by 任超
Options

style:网上申请流程

1 parent 93375dd2
Inline Side-by-side
Showing 8 changed files with 63 additions and 65 deletions
......@@ -270,6 +270,7 @@
/* -------------------领证方式----------------------- */
.shipping_method {
display: none;
margin-top: 25px;
}
.item_inline {
font-size: 0;
......@@ -285,7 +286,9 @@
margin-right: 13px;
}
.ssq {
width: 92%;
width: 99.5%;
white-space: nowrap;
left: -13px;
}
.ssq .layui-inline {
width: 29%;
......@@ -310,4 +313,15 @@
position: relative;
top: -3.5px;
margin-right: 10px;
}
/* --------------元素间隙------------- */
.layui-form-item {
font-size: 0;
}
.layui-inline {
font-size: 14px;
}
.layui-form-label {
font-size: 14px;
}
\ No newline at end of file
......
......@@ -56,14 +56,15 @@
width: 31%;
margin-right: 15px;
line-height: 36px;
font-size: 14px;
}
.tax_information li span {
width: 90px;
.tax_information li span , .buyer_information li span{
width: 85px;
color: #9B9B9B;;
display: inline-block;
text-align-last: justify;
text-align: right;
}
.tax_information li p {
.tax_information li p{
display: inline-block;
margin-left: 10px;
}
......
......@@ -64,6 +64,10 @@
}
.acceptance_information ul li span {
color: #9B9B9B;
width: 98px;
display: inline-block;
text-align: right;
white-space: nowrap;
}
.acceptance_information ul li p {
display: inline-block;
......
......@@ -83,7 +83,7 @@ $('.radioInfo').click(function () {
})
// form 添加
$('.add_form').click(function () {
$('.layui-form').append(
$('#layui-form').append(
'<div class="layui-form-item">' +
'<div class="layui-inline">' +
'<label class="layui-form-label">姓名</label>' +
......
......@@ -25,9 +25,8 @@
<div class="content_box">
<div class="name_title">
<h2>转移类</h2>
<p> 二手房转移买卖登记（个人）</p>
<p>二手房（个人）</p>
</div>
<div class="content_area">
<div class="progressBar">
<ul class="app_progress" id="app_progress">
......@@ -61,12 +60,18 @@
</li>
</ul>
</div>
<!-----------------卖方信息------------------ -->
<!-----------------买方信息------------------ -->
<div class="person_info">
<div class="title">
<h3>卖方信息</h3>
<h3>买方信息</h3>
<div class="person_radio">
<input type="radio" class="radioInfo" name="1" value="1" checked>
<p>单独所有</p>
<input type="radio" class="radioInfo" name="1" value="2">
<p>按份所有</p>
<input type="radio" class="radioInfo" name="1" value="3">
<p>共同所有</p>
</div>
<form class="layui-form">
<form class="layui-form" id="layui-form">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">姓名</label>
......@@ -87,8 +92,8 @@
<div class="layui-inline">
<label class="layui-form-label">证件号码</label>
<div class="layui-input-block">
<input type="tel" name="card" maxlength="18" required lay-verify="card" placeholder="请输证件号码"
class="layui-input">
<input type="tel" name="card" maxlength="18" required lay-verify="card"
placeholder="请输证件号码" class="layui-input">
</div>
</div>
<div class="layui-inline">
......@@ -97,10 +102,10 @@
<input type="tel" name="phone" maxlength="11" required lay-verify="phone"
placeholder="请输联系方式" class="layui-input">
</div>
</div><i class="layui-icon layui-icon-reduce-circle"></i>
</div>
</div>
</form>
<div class="add_form layui-bg-gray">
<div class="add_form">
<i class="layui-icon layui-icon-addition"></i>
<p>添加个人信息</p>
</div>
......@@ -110,69 +115,50 @@
<h3>资料上传</h3>
<div class="img_update">
<div class="fileBox">
<div id="fileSpan" class="vm">
<div class="fileSpan vm">
<input type="file" multiple id="fileInput" />
<div class="file_name">
<i class="layui-icon layui-icon-addition"></i>
<p>点击或拖拽文件上传</p>
<div class="certificate">登记申请书（2份）</div>
<div class="fileListName"></div>
<img class="update" src="../staticImages/update.png">
<p class="updatetext">点击文件上传</p>
</div>
<div class="fileListName"></div>
</div>
</div>
<div class="fileList_parent">
<img src="../staticImages/dui.png">
<table width="150px" class="file_list">
<tbody class="fileList">
</table>
<div class="certificate">登记申请书（2份）</div>
</div>
</div>
<!-- 房屋所有权证书 -->
<div class="img_update">
<div class="fileBox">
<div id="fileSpan1" class="vm">
<div class="fileSpan vm">
<input type="file" multiple id="fileInput1" />
<div class="file_name">
<i class="layui-icon layui-icon-addition"></i>
<p>点击或拖拽文件上传</p>
<div class="certificate">房屋所有权证书（2份）</div>
<div class="fileListName1"></div>
<img class="update" src="../staticImages/update.png">
<p class="updatetext">点击文件上传</p>
</div>
<div class="fileListName1"></div>
</div>
</div>
<div class="fileList_parent1">
<img src="../staticImages/dui.png">
<table width="150px" class="file_list">
<tbody class="fileList1">
</table>
<div class="certificate">房屋所有权证书（2份）</div>
</div>
</div>
<!-- 询问笔录 -->
<div class="img_update">
<div class="fileBox">
<div id="fileSpan3" class="vm">
<div class="fileSpan vm">
<input type="file" multiple id="fileInput3" />
<div class="file_name">
<i class="layui-icon layui-icon-addition"></i>
<p>点击或拖拽文件上传</p>
<div class="certificate">询问笔录(1)份</div>
<div class="fileListName3"></div>
<img class="update" src="../staticImages/update.png">
<p class="updatetext">点击文件上传</p>
</div>
<div class="fileListName3"></div>
<a class="record">下载模板</a>
</div>
</div>
<div class="fileList_parent3">
<img src="../staticImages/dui.png">
<table width="150px" class="file_list">
<tbody class="fileList3">
</table>
<div class="certificate">询问笔录(1)份</div>
</div>
</div>
</div>
<!-- 领证方式 -->
<div class="next_button">
<button type="button" lay-submit="" lay-filter="submit1" class="layui-btn layui-btn-normal">
<div class="next_button submitButton">
<button type="button" class="layui-btn layui-btn-normal">
<a href="./wshs.html">
下一步
</a>
......@@ -226,4 +212,5 @@
{{# } }}
{{# }); }}
</script>
</html>
\ No newline at end of file
......
......@@ -71,7 +71,7 @@
<input type="radio" class="radioInfo" name="1" value="3">
<p>共同所有</p>
</div>
<form class="layui-form">
<form class="layui-form" id="layui-form">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">姓名</label>
......@@ -102,7 +102,7 @@
<input type="tel" name="phone" maxlength="11" required lay-verify="phone"
placeholder="请输联系方式" class="layui-input">
</div>
</div><i class="layui-icon layui-icon-reduce-circle"></i>
</div>
</div>
</form>
<div class="add_form">
......@@ -155,12 +155,6 @@
</div>
<div class="certificate">询问笔录(1)份</div>
</div>
<!-- <div class="fileList_parent3">
<img src="../staticImages/Yes.png">
<table width="150px" class="file_list">
<tbody class="fileList3">
</table>
</div> -->
</div>
</div>
<!-- 领证方式 -->
......@@ -168,8 +162,7 @@
<h3>领证方式</h3>
<form class="layui-form" action="" lay-filter="example">
<div class="layui-form-item">
<label class="layui-form-label">领证方式</label>
<div class="layui-input-block">
<div>
<input type="radio" name="type" value="1" lay-filter="beshared" title="现场领证" checked="">
<input type="radio" name="type" value="2" lay-filter="beshared" title="快递到家">
</div>
......
......@@ -176,5 +176,4 @@
{{# } }}
{{# }); }}
</script>
</html>
\ No newline at end of file
......
......@@ -123,7 +123,7 @@
<h5>申请</h5>
<p class="result">
<span>已提交</span>
<a>询问笔录</a>
<a>详细信息</a>
</p>
<div class="line"></div>
</li>
......