Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
4c2b09ac by 任超
Options

style:细节

1 parent ac7ce0af
Inline Side-by-side
Showing 10 changed files with 50 additions and 31 deletions
...@@ -61,4 +61,8 @@ ...@@ -61,4 +61,8 @@
61 } 61 }
62 .code_input input{ 62 .code_input input{
63 width: 130px!important; 63 width: 130px!important;
64 }
65 .layui-btn-disabled {
66 background-color: #FBFBFB;
67 color: #C9C9C9;
64 } 68 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -246,8 +246,8 @@ ...@@ -246,8 +246,8 @@
246 } 246 }
247 /*------------办理成功------------- */ 247 /*------------办理成功------------- */
248 .success { 248 .success {
249 color: #1AD6E1!important; 249 color: #5FB878!important;
250 border-color: #1AD6E1!important; 250 border-color:#5FB878!important;
251 } 251 }
252 .business_name { 252 .business_name {
253 width: 330px; 253 width: 330px;
......
...@@ -15,23 +15,37 @@ function skipClick() { ...@@ -15,23 +15,37 @@ function skipClick() {
15 skipNextPage(GetQueryString('bsm_slsq'), GetQueryString('businessno')); 15 skipNextPage(GetQueryString('bsm_slsq'), GetQueryString('businessno'));
16 } 16 }
17 // 验证码 17 // 验证码
18 var timer = "";
19 var nums = 60;
20 var validCode = true;//定义该变量是为了处理后面的重复点击事件
18 $(".captcha").click(function () { 21 $(".captcha").click(function () {
19 console.log($('.phoneInput').val())
20 let value = $('.phoneInput').val() 22 let value = $('.phoneInput').val()
21 if (validatorTel(value)) { 23 if (validatorTel(value)) {
22 var second = 30 24 var code = $(this);
23 $(".captcha").text((second) + "秒后再发送") 25 if (validCode) {
24 var interval = setInterval(function () { 26 validCode = false;
25 second-- 27 yanzheng()
26 $(".captcha").text((second) + "秒后再发送") 28 timer = setInterval(function () {
27 if (second === -1) { 29 yanzheng()
28 $(".captcha").text("重发验证码") 30 }, 1000)
29 clearInterval(interval) 31 }
32 function yanzheng() {
33 if (nums > 0) {
34 nums--;
35 code.text(nums + "秒后重新发送");
36 code.addClass("layui-btn-disabled");
30 } 37 }
31 }, 1000) 38 else {
39 clearInterval(timer);
40 nums = 60;//重置回去
41 validCode = true;
42 code.removeClass("layui-btn-disabled");
43 code.text("发送验证码");
44 }
45 }
32 } else { 46 } else {
33 layui.use('layer', function () { 47 layui.use('layer', function () {
34 layer.msg('请输入正确手机号！'); 48 layer.msg('请输入正确手机号！');
35 }) 49 })
36 } 50 }
37 })
...\ No newline at end of file ...\ No newline at end of file
51 })
......
...@@ -49,8 +49,8 @@ ...@@ -49,8 +49,8 @@
49 <div class="one_content contentBox"> 49 <div class="one_content contentBox">
50 <div class="layui-tab"> 50 <div class="layui-tab">
51 <ul class="layui-tab-title busTabs"> 51 <ul class="layui-tab-title busTabs">
52 <li class="layui-this">网上申请</li> 52 <li class="layui-this">线上办理</li>
53 <li>在线预约</li> 53 <li>线下办理</li>
54 </ul> 54 </ul>
55 <div class="layui-tab-content"> 55 <div class="layui-tab-content">
56 <div class="layui-tab-item layui-show"> 56 <div class="layui-tab-item layui-show">
......
...@@ -103,7 +103,7 @@ ...@@ -103,7 +103,7 @@
103 </li> 103 </li>
104 <li id="area"> 104 <li id="area">
105 <span>面积：</span> 105 <span>面积：</span>
106 <p>526</p> 106 <p>526</p>(m²)
107 </li> 107 </li>
108 <li id="recordNo"> 108 <li id="recordNo">
109 <span>合同备案号：</span> 109 <span>合同备案号：</span>
......
...@@ -82,7 +82,7 @@ ...@@ -82,7 +82,7 @@
82 </li> 82 </li>
83 <li id="area"> 83 <li id="area">
84 <span>面积：</span> 84 <span>面积：</span>
85 <p>526</p> 85 <p>526</p>(m²)
86 </li> 86 </li>
87 <li id="recordNo"> 87 <li id="recordNo">
88 <span>合同备案号：</span> 88 <span>合同备案号：</span>
......
...@@ -89,7 +89,7 @@ ...@@ -89,7 +89,7 @@
89 </li> 89 </li>
90 <li id="area"> 90 <li id="area">
91 <span>宗地面积：</span> 91 <span>宗地面积：</span>
92 <p>526</p> 92 <p>526</p>(m²)
93 </li> 93 </li>
94 <li> 94 <li>
95 <span>权利性质：</span> 95 <span>权利性质：</span>
...@@ -125,15 +125,15 @@ ...@@ -125,15 +125,15 @@
125 </li> 125 </li>
126 <li> 126 <li>
127 <span>建筑面积：</span> 127 <span>建筑面积：</span>
128 <p>104（平方米）</p> 128 <p>104（m²）</p>
129 </li> 129 </li>
130 <li> 130 <li>
131 <span>专有建筑面积：</span> 131 <span>专有建筑面积：</span>
132 <p>80（平方米）</p> 132 <p>80（m²）</p>
133 </li> 133 </li>
134 <li> 134 <li>
135 <span>分摊建筑面积：</span> 135 <span>分摊建筑面积：</span>
136 <p>24（平方米）</p> 136 <p>24（m²）</p>
137 </li> 137 </li>
138 <li> 138 <li>
139 <span>竣工时间：</span> 139 <span>竣工时间：</span>
...@@ -209,11 +209,11 @@ ...@@ -209,11 +209,11 @@
209 </li> 209 </li>
210 <li> 210 <li>
211 <span>联系电话：</span> 211 <span>联系电话：</span>
212 <p>18740677380</p> 212 <p>187****7380</p>
213 </li> 213 </li>
214 <li> 214 <li>
215 <span>法人信息：</span> 215 <span>法人信息：</span>
216 <p>任超</p> 216 <p>任*</p>
217 </li> 217 </li>
218 <li> 218 <li>
219 <span>证件类型：</span> 219 <span>证件类型：</span>
...@@ -221,7 +221,7 @@ ...@@ -221,7 +221,7 @@
221 </li> 221 </li>
222 <li> 222 <li>
223 <span>证件号码：</span> 223 <span>证件号码：</span>
224 <p>6101279879798798</p> 224 <p>61012798***98798</p>
225 </li> 225 </li>
226 </ul> 226 </ul>
227 </div> 227 </div>
......
...@@ -51,7 +51,9 @@ ...@@ -51,7 +51,9 @@
51 51
52 <div class="video_authentication"> 52 <div class="video_authentication">
53 <h5>视频认证<h5> 53 <h5>视频认证<h5>
54 <div id="my_camera"></div> 54 <div class="video-authentication">
55 <img src="/staticImages/video-authentication.png" />
56 </div>
55 </div> 57 </div>
56 </div> 58 </div>
57 <div class="next_button"></div> 59 <div class="next_button"></div>
......
...@@ -89,11 +89,11 @@ ...@@ -89,11 +89,11 @@
89 </li> 89 </li>
90 <li id="area"> 90 <li id="area">
91 <span>宗地面积：</span> 91 <span>宗地面积：</span>
92 <p>526</p> 92 <p>20</p>(m²)
93 </li> 93 </li>
94 <li id="area"> 94 <li id="area">
95 <span>宗地代码：</span> 95 <span>宗地代码：</span>
96 <p>526</p> 96 <p>10</p>
97 </li> 97 </li>
98 <li> 98 <li>
99 <span>权利性质：</span> 99 <span>权利性质：</span>
...@@ -195,11 +195,11 @@ ...@@ -195,11 +195,11 @@
195 </li> 195 </li>
196 <li> 196 <li>
197 <span>联系电话：</span> 197 <span>联系电话：</span>
198 <p>18740677380</p> 198 <p>187****380</p>
199 </li> 199 </li>
200 <li> 200 <li>
201 <span>法人信息：</span> 201 <span>法人信息：</span>
202 <p>任超</p> 202 <p>任*</p>
203 </li> 203 </li>
204 <li> 204 <li>
205 <span>证件类型：</span> 205 <span>证件类型：</span>
...@@ -207,7 +207,7 @@ ...@@ -207,7 +207,7 @@
207 </li> 207 </li>
208 <li> 208 <li>
209 <span>证件号码：</span> 209 <span>证件号码：</span>
210 <p>6101279879798798</p> 210 <p>610127987***798</p>
211 </li> 211 </li>
212 </ul> 212 </ul>
213 </div> 213 </div>
...@@ -296,5 +296,4 @@ ...@@ -296,5 +296,4 @@
296 <script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script> 296 <script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script>
297 <script type="text/javascript" src="../../staticJs/onlineApply/houseFill.js"></script> 297 <script type="text/javascript" src="../../staticJs/onlineApply/houseFill.js"></script>
298 <script type="text/javascript" src="../../staticJs/down.js"></script> 298 <script type="text/javascript" src="../../staticJs/down.js"></script>
299
300 </html> 299 </html>
...\ No newline at end of file ...\ No newline at end of file
......