Skip to content

任超 / js.portalStaticPage

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

style:预约结果

1 parent ba614123
Inline Side-by-side
Showing 3 changed files with 15 additions and 110 deletions
......@@ -140,7 +140,7 @@ $(function () {
})
}
// 业务选择
$(document).on('click', '.business_item ul li', function () {
$(document).on('click', '.business_item ul .item_appoint', function () {
halloffice = GetRequest()
appuintText = $(this).find('h3').text()
handle()
......
......@@ -74,60 +74,7 @@
display: inline-block;
color: #FF5722;
}
/* -------------分割线----------------------- */
.site-title {
margin: 20px auto;
width: 1200px;
}
.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;
/* ---------------预约信息---------------------- */
.appointment_status {
padding: 10px;
}
\ No newline at end of file
......
......@@ -98,63 +98,21 @@
</li>
</ul>
</div>
<div class="result_details contentBox">
<blockquote class="layui-elem-quote">
<!-- ---------------------预约状态------------------------- -->
<div class="appointment_status layui-bg-gray contentBox">
<div class="title">
<h3>
预约成功！您的预约号：
<span>952567654</span>
</h3>
<p>请记录下您的预约号，以便后续的预约服务。</p>
</div>
<ul>
<li>
<span>预约成功！您的预约号：</span>
<p>20201019001104</p>
</li>
<li>请记录下您的预约号，以便后续的预约服务。</li>
<li></li>
</ul>
</blockquote>
</div>
<div class="appointment_info">
<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>
</div>
<!-- ----------------------------------内容模块的end----------------------------------------------- -->
......