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 () {
layer.msg(elem.text());
});
});
}
\ No newline at end of file
});
\ No newline at end of file
......
......@@ -48,3 +48,72 @@
border-bottom: 2px dotted#dddddd;
margin-bottom: 4px;
}
/* ------------------------------------------- */
.result_details ul li {
font-size: 14px!important;
color: #009688;
font-weight: 600;
}
.result_details ul li:first-child {
margin-bottom: 6px;
}
.result_details ul li p {
display: inline-block;
color: #FF5722;
}
/* -------------分割线----------------------- */
.site-title {
margin: 20px 0;
}
.site-title fieldset {
border-top: 1px solid #eee;
}
.site-title fieldset legend {
margin: 0 auto;
font-size: 20px;
padding: 0 15px;
}
.site-title fieldset legend a:hover {
color: #f46143;
}
/* ------------------------------------预约信息列表-------------------------------------------------- */
.result_details_list {
font-size: 0;
margin-left: -10px;
margin-right: -10px;
}
.result_details_list li{
width: 33.3%;
height: 40px;
display: inline-block;
font-size: 0;
margin-bottom: 20px;
padding: 0 10px;
box-sizing: border-box;
}
.result_details_list li span {
display: inline-block;
width: 40%;
background-color: #1E9FFF;
color: #fff;
height: 100%;
text-align: center;
font-size: 14px;
line-height: 40px;
}
.result_details_list li p {
display: inline-block;
width: 60%;
background-color: #eee;
color: #fff;
height: 100%;
color: #000000;
text-align: center;
font-size: 14px;
line-height: 40px;
}
.success {
background-color: #5FB878!important;
color: #fff!important;
}
\ No newline at end of file
......
......@@ -2,7 +2,7 @@
<html lang="en">
<head>
<title>我的预约-预约时间</title>
<title>我的预约-预约结果</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="telephone=no">
......@@ -96,6 +96,65 @@
</li>
</ul>
</div>
<div class="result_details contentBox">
<blockquote class="layui-elem-quote">
<ul>
<li>
<span>预约成功！您的预约号：</span>
<p>20201019001104</p>
</li>
<li>请记录下您的预约号，以便后续的预约服务。</li>
</ul>
</blockquote>
</div>
<div class="site-title">
<fieldset>
<legend>
<a href="" name="fieldset">
预约信息
</a>
</legend>
</fieldset>
</div>
<!-- ------------------------------------预约列表信息---------------------------------------------- -->
<div class="contentBox">
<ul class="result_details_list">
<li>
<span>姓名</span>
<p>任超</p>
</li>
<li>
<span>身份证号</span>
<p>61012419930918119</p>
</li>
<li>
<span>联系电话</span>
<p>1988405632</p>
</li>
<li>
<span>办事大厅</span>
<p>米香园办事大厅</p>
</li>
<li>
<span>办理业务类型</span>
<p>二手房交易</p>
</li>
<li>
<span>预约时间</span>
<p>2020-02-03</p>
</li>
<li>
<span>预约号</span>
<p>20202222</p>
</li>
<li>
<span>状态</span>
<p class="success">成功</p>
</li>
</ul>
</div>
<!-- ---------------------------------------------------------------------------------------------- -->
<!-- ----------------------------------内容模块的end----------------------------------------------- -->
<div class="footer">
<div class="system_service">
......