Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
1a0c4a3f by 任超
Options

feat:预约成功

1 parent 38812175
Inline Side-by-side
Showing 3 changed files with 130 additions and 2 deletions
...@@ -6,4 +6,4 @@ $(function () { ...@@ -6,4 +6,4 @@ $(function () {
6 layer.msg(elem.text()); 6 layer.msg(elem.text());
7 }); 7 });
8 }); 8 });
9 }
...\ No newline at end of file ...\ No newline at end of file
9 });
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -47,4 +47,73 @@ ...@@ -47,4 +47,73 @@
47 display: inline-block; 47 display: inline-block;
48 border-bottom: 2px dotted#dddddd; 48 border-bottom: 2px dotted#dddddd;
49 margin-bottom: 4px; 49 margin-bottom: 4px;
50 }
51 /* ------------------------------------------- */
52 .result_details ul li {
53 font-size: 14px!important;
54 color: #009688;
55 font-weight: 600;
56 }
57 .result_details ul li:first-child {
58 margin-bottom: 6px;
59 }
60 .result_details ul li p {
61 display: inline-block;
62 color: #FF5722;
63 }
64
65 /* -------------分割线----------------------- */
66 .site-title {
67 margin: 20px 0;
68 }
69 .site-title fieldset {
70 border-top: 1px solid #eee;
71 }
72 .site-title fieldset legend {
73 margin: 0 auto;
74 font-size: 20px;
75 padding: 0 15px;
76 }
77 .site-title fieldset legend a:hover {
78 color: #f46143;
79 }
80 /* ------------------------------------预约信息列表-------------------------------------------------- */
81 .result_details_list {
82 font-size: 0;
83 margin-left: -10px;
84 margin-right: -10px;
85 }
86 .result_details_list li{
87 width: 33.3%;
88 height: 40px;
89 display: inline-block;
90 font-size: 0;
91 margin-bottom: 20px;
92 padding: 0 10px;
93 box-sizing: border-box;
94 }
95 .result_details_list li span {
96 display: inline-block;
97 width: 40%;
98 background-color: #1E9FFF;
99 color: #fff;
100 height: 100%;
101 text-align: center;
102 font-size: 14px;
103 line-height: 40px;
104 }
105 .result_details_list li p {
106 display: inline-block;
107 width: 60%;
108 background-color: #eee;
109 color: #fff;
110 height: 100%;
111 color: #000000;
112 text-align: center;
113 font-size: 14px;
114 line-height: 40px;
115 }
116 .success {
117 background-color: #5FB878!important;
118 color: #fff!important;
50 } 119 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 <html lang="en"> 2 <html lang="en">
3 3
4 <head> 4 <head>
5 <title>我的预约-预约时间</title> 5 <title>我的预约-预约结果</title>
6 <meta charset="UTF-8"> 6 <meta charset="UTF-8">
7 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 7 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
8 <meta name="format-detection" content="telephone=no"> 8 <meta name="format-detection" content="telephone=no">
...@@ -96,6 +96,65 @@ ...@@ -96,6 +96,65 @@
96 </li> 96 </li>
97 </ul> 97 </ul>
98 </div> 98 </div>
99 <div class="result_details contentBox">
100 <blockquote class="layui-elem-quote">
101 <ul>
102 <li>
103 <span>预约成功！您的预约号：</span>
104 <p>20201019001104</p>
105 </li>
106 <li>请记录下您的预约号，以便后续的预约服务。</li>
107 </ul>
108 </blockquote>
109 </div>
110
111 <div class="site-title">
112 <fieldset>
113 <legend>
114 <a href="" name="fieldset">
115 预约信息
116 </a>
117 </legend>
118 </fieldset>
119 </div>
120 <!-- ------------------------------------预约列表信息---------------------------------------------- -->
121 <div class="contentBox">
122 <ul class="result_details_list">
123 <li>
124 <span>姓名</span>
125 <p>任超</p>
126 </li>
127 <li>
128 <span>身份证号</span>
129 <p>61012419930918119</p>
130 </li>
131 <li>
132 <span>联系电话</span>
133 <p>1988405632</p>
134 </li>
135 <li>
136 <span>办事大厅</span>
137 <p>米香园办事大厅</p>
138 </li>
139 <li>
140 <span>办理业务类型</span>
141 <p>二手房交易</p>
142 </li>
143 <li>
144 <span>预约时间</span>
145 <p>2020-02-03</p>
146 </li>
147 <li>
148 <span>预约号</span>
149 <p>20202222</p>
150 </li>
151 <li>
152 <span>状态</span>
153 <p class="success">成功</p>
154 </li>
155 </ul>
156 </div>
157 <!-- ---------------------------------------------------------------------------------------------- -->
99 <!-- ----------------------------------内容模块的end----------------------------------------------- --> 158 <!-- ----------------------------------内容模块的end----------------------------------------------- -->
100 <div class="footer"> 159 <div class="footer">
101 <div class="system_service"> 160 <div class="system_service">
......