Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
9b424e3f by 任超
Options

style:预约须知

1 parent 0cdaff7c
Inline Side-by-side
Showing 5 changed files with 39 additions and 24 deletions
1 /* ------------------------公共头部和尾部css------------------------------------ */ 1 /* ------------------------公共头部和尾部css------------------------------------ */
2 /* layer confim */ 2 /* layer confim */
3 .layui-layer-btn .layui-layer-btn0 { 3 .layui-layer-btn .layui-layer-btn0 {
4 background-color: #fff!important; 4 background-color: #F7B500!important;
5 color: #333!important; 5 color: #fff!important;
6 border: 1px solid #dedede!important; 6 border: 1px solid #F7B500!important;
7 } 7 }
8 .layui-layer-btn .layui-layer-btn1 { 8 .layui-layer-btn .layui-layer-btn1 {
9 border-color: #1E9FFF; 9 border-color: #1E9FFF;
......
1 .layui-layer-title {
2 background-color: #1E9FFF!important;
3 color: #fff!important;
4 }
5 .layui-layer-ico {
6 background: none!important;
7 position: relative;
8 }
9 .layui-layer-ico::after {
10 content: '\2716';
11 position: absolute;
12 left: 0;
13 top: -5px;
14 font-size: 14px;
15 color: #fff;
16 }
...\ No newline at end of file ...\ No newline at end of file
...@@ -306,6 +306,19 @@ ...@@ -306,6 +306,19 @@
306 background-color: #1E9FFF!important; 306 background-color: #1E9FFF!important;
307 color: #fff!important; 307 color: #fff!important;
308 } 308 }
309 .layui-layer-ico {
310 background: none!important;
311 position: relative;
312 }
313 .layui-layer-ico::after {
314 content: '\2716';
315 position: absolute;
316 left: 0;
317 top: -2px;
318 font-size: 14px;
319 color: #fff;
320 }
321
309 /* ---------------------信息确认弹框样式------------------------------- */ 322 /* ---------------------信息确认弹框样式------------------------------- */
310 323
311 .infoContent { 324 .infoContent {
...@@ -340,18 +353,6 @@ ...@@ -340,18 +353,6 @@
340 height: 30px; 353 height: 30px;
341 line-height: 30px; 354 line-height: 30px;
342 } 355 }
343 .layui-layer-ico {
344 background: none!important;
345 position: relative;
346 }
347 .layui-layer-ico::after {
348 content: '\2716';
349 position: absolute;
350 left: 0;
351 top: -2px;
352 font-size: 14px;
353 color: #fff;
354 }
355 /* ----------------------------------------------- */ 356 /* ----------------------------------------------- */
356 .business_item .item_time { 357 .business_item .item_time {
357 float: left; 358 float: left;
......
...@@ -9,15 +9,7 @@ $(function () { ...@@ -9,15 +9,7 @@ $(function () {
9 }); 9 });
10 var accept = $('.accept'); 10 var accept = $('.accept');
11 $('.next_button button').click(function () { 11 $('.next_button button').click(function () {
12 if (!accept.is(':checked')) { 12 if ($('.checkbox').find(".img").length>0) {
13 layui.use('layer', function () {
14 var layer = layui.layer;
15 layer.open({
16 title: '标题'
17 , content: '请先选择同意协议'
18 });
19 });
20 } else {
21 layui.use('layer', function () { 13 layui.use('layer', function () {
22 var layer = layui.layer; 14 var layer = layui.layer;
23 layer.confirm('本人承诺所填的预约信息属实，如有虚假，将承担法律责任', { 15 layer.confirm('本人承诺所填的预约信息属实，如有虚假，将承担法律责任', {
...@@ -29,6 +21,11 @@ $(function () { ...@@ -29,6 +21,11 @@ $(function () {
29 window.location.href = "./xzqy.html"; 21 window.location.href = "./xzqy.html";
30 }); 22 });
31 }); 23 });
24
25 } else {
26 layui.use('layer', function () {
27 layer.alert('请先同意以上协议', {icon: 6,title:'提示'});
28 })
32 } 29 }
33 }) 30 })
34 $('.checkbox').click(function(){ 31 $('.checkbox').click(function(){
......
...@@ -10,6 +10,7 @@ ...@@ -10,6 +10,7 @@
10 <script type="text/javascript" src="../staticJs/head.js"></script> 10 <script type="text/javascript" src="../staticJs/head.js"></script>
11 <link rel="stylesheet" type="text/css" href="../staticCss/yyxz.css"> 11 <link rel="stylesheet" type="text/css" href="../staticCss/yyxz.css">
12 <link rel="stylesheet" type="text/css" href="../staticCss/progressBar.css"> 12 <link rel="stylesheet" type="text/css" href="../staticCss/progressBar.css">
13 <link rel="stylesheet" type="text/css" href="../staticCss/layuiedit.css">
13 </head> 14 </head>
14 15
15 <body> 16 <body>
......