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 @@ ...@@ -270,6 +270,7 @@
270 /* -------------------领证方式----------------------- */ 270 /* -------------------领证方式----------------------- */
271 .shipping_method { 271 .shipping_method {
272 display: none; 272 display: none;
273 margin-top: 25px;
273 } 274 }
274 .item_inline { 275 .item_inline {
275 font-size: 0; 276 font-size: 0;
...@@ -285,7 +286,9 @@ ...@@ -285,7 +286,9 @@
285 margin-right: 13px; 286 margin-right: 13px;
286 } 287 }
287 .ssq { 288 .ssq {
288 width: 92%; 289 width: 99.5%;
290 white-space: nowrap;
291 left: -13px;
289 } 292 }
290 .ssq .layui-inline { 293 .ssq .layui-inline {
291 width: 29%; 294 width: 29%;
...@@ -311,3 +314,14 @@ ...@@ -311,3 +314,14 @@
311 top: -3.5px; 314 top: -3.5px;
312 margin-right: 10px; 315 margin-right: 10px;
313 } 316 }
317
318 /* --------------元素间隙------------- */
319 .layui-form-item {
320 font-size: 0;
321 }
322 .layui-inline {
323 font-size: 14px;
324 }
325 .layui-form-label {
326 font-size: 14px;
327 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -56,14 +56,15 @@ ...@@ -56,14 +56,15 @@
56 width: 31%; 56 width: 31%;
57 margin-right: 15px; 57 margin-right: 15px;
58 line-height: 36px; 58 line-height: 36px;
59 font-size: 14px;
59 } 60 }
60 .tax_information li span { 61 .tax_information li span , .buyer_information li span{
61 width: 90px; 62 width: 85px;
62 color: #9B9B9B;; 63 color: #9B9B9B;;
63 display: inline-block; 64 display: inline-block;
64 text-align-last: justify; 65 text-align: right;
65 } 66 }
66 .tax_information li p { 67 .tax_information li p{
67 display: inline-block; 68 display: inline-block;
68 margin-left: 10px; 69 margin-left: 10px;
69 } 70 }
......
...@@ -64,6 +64,10 @@ ...@@ -64,6 +64,10 @@
64 } 64 }
65 .acceptance_information ul li span { 65 .acceptance_information ul li span {
66 color: #9B9B9B; 66 color: #9B9B9B;
67 width: 98px;
68 display: inline-block;
69 text-align: right;
70 white-space: nowrap;
67 } 71 }
68 .acceptance_information ul li p { 72 .acceptance_information ul li p {
69 display: inline-block; 73 display: inline-block;
......
...@@ -83,7 +83,7 @@ $('.radioInfo').click(function () { ...@@ -83,7 +83,7 @@ $('.radioInfo').click(function () {
83 }) 83 })
84 // form 添加 84 // form 添加
85 $('.add_form').click(function () { 85 $('.add_form').click(function () {
86 $('.layui-form').append( 86 $('#layui-form').append(
87 '<div class="layui-form-item">' + 87 '<div class="layui-form-item">' +
88 '<div class="layui-inline">' + 88 '<div class="layui-inline">' +
89 '<label class="layui-form-label">姓名</label>' + 89 '<label class="layui-form-label">姓名</label>' +
......
...@@ -25,9 +25,8 @@ ...@@ -25,9 +25,8 @@
25 <div class="content_box"> 25 <div class="content_box">
26 <div class="name_title"> 26 <div class="name_title">
27 <h2>转移类</h2> 27 <h2>转移类</h2>
28 <p> 二手房转移买卖登记（个人）</p> 28 <p>二手房（个人）</p>
29 </div> 29 </div>
30
31 <div class="content_area"> 30 <div class="content_area">
32 <div class="progressBar"> 31 <div class="progressBar">
33 <ul class="app_progress" id="app_progress"> 32 <ul class="app_progress" id="app_progress">
...@@ -61,12 +60,18 @@ ...@@ -61,12 +60,18 @@
61 </li> 60 </li>
62 </ul> 61 </ul>
63 </div> 62 </div>
64 <!-----------------卖方信息------------------ --> 63 <!-----------------买方信息------------------ -->
65 <div class="person_info"> 64 <div class="person_info">
66 <div class="title"> 65 <h3>买方信息</h3>
67 <h3>卖方信息</h3> 66 <div class="person_radio">
68 </div> 67 <input type="radio" class="radioInfo" name="1" value="1" checked>
69 <form class="layui-form"> 68 <p>单独所有</p>
69 <input type="radio" class="radioInfo" name="1" value="2">
70 <p>按份所有</p>
71 <input type="radio" class="radioInfo" name="1" value="3">
72 <p>共同所有</p>
73 </div>
74 <form class="layui-form" id="layui-form">
70 <div class="layui-form-item"> 75 <div class="layui-form-item">
71 <div class="layui-inline"> 76 <div class="layui-inline">
72 <label class="layui-form-label">姓名</label> 77 <label class="layui-form-label">姓名</label>
...@@ -87,8 +92,8 @@ ...@@ -87,8 +92,8 @@
87 <div class="layui-inline"> 92 <div class="layui-inline">
88 <label class="layui-form-label">证件号码</label> 93 <label class="layui-form-label">证件号码</label>
89 <div class="layui-input-block"> 94 <div class="layui-input-block">
90 <input type="tel" name="card" maxlength="18" required lay-verify="card" placeholder="请输证件号码" 95 <input type="tel" name="card" maxlength="18" required lay-verify="card"
91 class="layui-input"> 96 placeholder="请输证件号码" class="layui-input">
92 </div> 97 </div>
93 </div> 98 </div>
94 <div class="layui-inline"> 99 <div class="layui-inline">
...@@ -97,10 +102,10 @@ ...@@ -97,10 +102,10 @@
97 <input type="tel" name="phone" maxlength="11" required lay-verify="phone" 102 <input type="tel" name="phone" maxlength="11" required lay-verify="phone"
98 placeholder="请输联系方式" class="layui-input"> 103 placeholder="请输联系方式" class="layui-input">
99 </div> 104 </div>
100 </div><i class="layui-icon layui-icon-reduce-circle"></i> 105 </div>
101 </div> 106 </div>
102 </form> 107 </form>
103 <div class="add_form layui-bg-gray"> 108 <div class="add_form">
104 <i class="layui-icon layui-icon-addition"></i> 109 <i class="layui-icon layui-icon-addition"></i>
105 <p>添加个人信息</p> 110 <p>添加个人信息</p>
106 </div> 111 </div>
...@@ -110,69 +115,50 @@ ...@@ -110,69 +115,50 @@
110 <h3>资料上传</h3> 115 <h3>资料上传</h3>
111 <div class="img_update"> 116 <div class="img_update">
112 <div class="fileBox"> 117 <div class="fileBox">
113 <div id="fileSpan" class="vm"> 118 <div class="fileSpan vm">
114 <input type="file" multiple id="fileInput" /> 119 <input type="file" multiple id="fileInput" />
115 <div class="file_name"> 120 <div class="file_name">
116 <i class="layui-icon layui-icon-addition"></i> 121 <img class="update" src="../staticImages/update.png">
117 <p>点击或拖拽文件上传</p> 122 <p class="updatetext">点击文件上传</p>
118 <div class="certificate">登记申请书（2份）</div>
119 <div class="fileListName"></div>
120 </div>
121 </div> 123 </div>
124 <div class="fileListName"></div>
122 </div> 125 </div>
123 <div class="fileList_parent"> 126 <div class="certificate">登记申请书（2份）</div>
124 <img src="../staticImages/dui.png">
125 <table width="150px" class="file_list">
126 <tbody class="fileList">
127 </table>
128 </div> 127 </div>
129 </div> 128 </div>
130 <!-- 房屋所有权证书 --> 129 <!-- 房屋所有权证书 -->
131 <div class="img_update"> 130 <div class="img_update">
132 <div class="fileBox"> 131 <div class="fileBox">
133 <div id="fileSpan1" class="vm"> 132 <div class="fileSpan vm">
134 <input type="file" multiple id="fileInput1" /> 133 <input type="file" multiple id="fileInput1" />
135 <div class="file_name"> 134 <div class="file_name">
136 <i class="layui-icon layui-icon-addition"></i> 135 <img class="update" src="../staticImages/update.png">
137 <p>点击或拖拽文件上传</p> 136 <p class="updatetext">点击文件上传</p>
138 <div class="certificate">房屋所有权证书（2份）</div>
139 <div class="fileListName1"></div>
140 </div>
141 </div> 137 </div>
138 <div class="fileListName1"></div>
142 </div> 139 </div>
143 <div class="fileList_parent1"> 140 <div class="certificate">房屋所有权证书（2份）</div>
144 <img src="../staticImages/dui.png">
145 <table width="150px" class="file_list">
146 <tbody class="fileList1">
147 </table>
148 </div> 141 </div>
149 </div> 142 </div>
150 143
151 <!-- 询问笔录 --> 144 <!-- 询问笔录 -->
152 <div class="img_update"> 145 <div class="img_update">
153 <div class="fileBox"> 146 <div class="fileBox">
154 <div id="fileSpan3" class="vm"> 147 <div class="fileSpan vm">
155 <input type="file" multiple id="fileInput3" /> 148 <input type="file" multiple id="fileInput3" />
156 <div class="file_name"> 149 <div class="file_name">
157 <i class="layui-icon layui-icon-addition"></i> 150 <img class="update" src="../staticImages/update.png">
158 <p>点击或拖拽文件上传</p> 151 <p class="updatetext">点击文件上传</p>
159 <div class="certificate">询问笔录(1)份</div>
160 <div class="fileListName3"></div>
161 </div> 152 </div>
153 <div class="fileListName3"></div>
162 <a class="record">下载模板</a> 154 <a class="record">下载模板</a>
163 </div> 155 </div>
164 </div> 156 <div class="certificate">询问笔录(1)份</div>
165 <div class="fileList_parent3">
166 <img src="../staticImages/dui.png">
167 <table width="150px" class="file_list">
168 <tbody class="fileList3">
169 </table>
170 </div> 157 </div>
171 </div> 158 </div>
172 </div> 159 </div>
173 <!-- 领证方式 --> 160 <div class="next_button submitButton">
174 <div class="next_button"> 161 <button type="button" class="layui-btn layui-btn-normal">
175 <button type="button" lay-submit="" lay-filter="submit1" class="layui-btn layui-btn-normal">
176 <a href="./wshs.html"> 162 <a href="./wshs.html">
177 下一步 163 下一步
178 </a> 164 </a>
...@@ -226,4 +212,5 @@ ...@@ -226,4 +212,5 @@
226 {{# } }} 212 {{# } }}
227 {{# }); }} 213 {{# }); }}
228 </script> 214 </script>
215
229 </html> 216 </html>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -71,7 +71,7 @@ ...@@ -71,7 +71,7 @@
71 <input type="radio" class="radioInfo" name="1" value="3"> 71 <input type="radio" class="radioInfo" name="1" value="3">
72 <p>共同所有</p> 72 <p>共同所有</p>
73 </div> 73 </div>
74 <form class="layui-form"> 74 <form class="layui-form" id="layui-form">
75 <div class="layui-form-item"> 75 <div class="layui-form-item">
76 <div class="layui-inline"> 76 <div class="layui-inline">
77 <label class="layui-form-label">姓名</label> 77 <label class="layui-form-label">姓名</label>
...@@ -102,7 +102,7 @@ ...@@ -102,7 +102,7 @@
102 <input type="tel" name="phone" maxlength="11" required lay-verify="phone" 102 <input type="tel" name="phone" maxlength="11" required lay-verify="phone"
103 placeholder="请输联系方式" class="layui-input"> 103 placeholder="请输联系方式" class="layui-input">
104 </div> 104 </div>
105 </div><i class="layui-icon layui-icon-reduce-circle"></i> 105 </div>
106 </div> 106 </div>
107 </form> 107 </form>
108 <div class="add_form"> 108 <div class="add_form">
...@@ -155,12 +155,6 @@ ...@@ -155,12 +155,6 @@
155 </div> 155 </div>
156 <div class="certificate">询问笔录(1)份</div> 156 <div class="certificate">询问笔录(1)份</div>
157 </div> 157 </div>
158 <!-- <div class="fileList_parent3">
159 <img src="../staticImages/Yes.png">
160 <table width="150px" class="file_list">
161 <tbody class="fileList3">
162 </table>
163 </div> -->
164 </div> 158 </div>
165 </div> 159 </div>
166 <!-- 领证方式 --> 160 <!-- 领证方式 -->
...@@ -168,8 +162,7 @@ ...@@ -168,8 +162,7 @@
168 <h3>领证方式</h3> 162 <h3>领证方式</h3>
169 <form class="layui-form" action="" lay-filter="example"> 163 <form class="layui-form" action="" lay-filter="example">
170 <div class="layui-form-item"> 164 <div class="layui-form-item">
171 <label class="layui-form-label">领证方式</label> 165 <div>
172 <div class="layui-input-block">
173 <input type="radio" name="type" value="1" lay-filter="beshared" title="现场领证" checked=""> 166 <input type="radio" name="type" value="1" lay-filter="beshared" title="现场领证" checked="">
174 <input type="radio" name="type" value="2" lay-filter="beshared" title="快递到家"> 167 <input type="radio" name="type" value="2" lay-filter="beshared" title="快递到家">
175 </div> 168 </div>
......
...@@ -176,5 +176,4 @@ ...@@ -176,5 +176,4 @@
176 {{# } }} 176 {{# } }}
177 {{# }); }} 177 {{# }); }}
178 </script> 178 </script>
179
180 </html> 179 </html>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -123,7 +123,7 @@ ...@@ -123,7 +123,7 @@
123 <h5>申请</h5> 123 <h5>申请</h5>
124 <p class="result"> 124 <p class="result">
125 <span>已提交</span> 125 <span>已提交</span>
126 <a>询问笔录</a> 126 <a>详细信息</a>
127 </p> 127 </p>
128 <div class="line"></div> 128 <div class="line"></div>
129 </li> 129 </li>
......