Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
7b56bed3 by 任超
Options

style:进度条

1 parent 570404c5
Inline Side-by-side
Showing 22 changed files with 104 additions and 172 deletions
......@@ -3,33 +3,7 @@
margin: 0 auto;
min-height:calc(100vh - 207px);
}
.name_title {
padding: 10px;
margin-top: 15px;
}
.name_title h2 {
display: inline-block;
margin-right: 10px;
height: 16px;
line-height: 16px;
color: #4A4A4A;
line-height: 16px;
position: relative;
width: 50px;
}
.name_title h2::after {
position: absolute;
content: "";
width: 1px;
height: 12px;
background-color: #9B9B9B;
right: -7px;
top: 2px;
}
.name_title p {
display: inline-block;
color: #4A4A4A
}
.form_title h2 {
font-weight: 600;
border-left: 3px solid #0091FF;
......
......@@ -166,21 +166,21 @@ div.navigation {
.navigation .layui-nav-item {
width: 147px;
position: relative;
border-right: 1px solid rgba(255,255,255, 0.2);
border-left: 1px solid rgba(255,255,255, 0.2);
border-right: 1px solid rgba(255,255,255, 0.1);
border-left: 1px solid rgba(255,255,255, 0.1);
margin-right: -1px;
}
.navigation .layui-nav-item:first-child {
border-left: 1px solid rgba(255,255,255, 0.4);
border-left: 1px solid rgba(255,255,255, 0.2);
}
.navigation .layui-nav-item:nth-child(8) {
border-right: 1px solid rgba(255,255,255, 0.4);
border-right: 1px solid rgba(255,255,255, 0.2);
}
.layui-bg-blue {
background-color: #006CFF!important;
}
.layui-nav-item a{
font-size: 19px;
font-size: 18px;
}
.layui-nav .layui-nav-more {
right: 16px;
......
......@@ -5,23 +5,6 @@
color: #4a4a4a;
padding-bottom: 100px;
}
.name_title {
padding: 10px;
margin:15px 0;
}
.name_title h2 {
display: inline-block;
font-weight: 600;
margin-right: 10px;
border-left: 3px solid #0091FF;
height: 16px;
line-height: 16px;
padding-left: 5px;
}
.name_title p {
display: inline-block;
color: #0091FF;
}
.certificate_list {
border-radius: 4px;
text-align: center;
......@@ -98,7 +81,7 @@
display: inline-block;
}
.acceptance_process ul li:not(:last-child) {
margin-right: 250px;
margin-right: 236px;
}
.acceptance_process ul li .date {
text-align: center;
......@@ -110,6 +93,8 @@
border: 2px solid #2FA5FF;
border-radius: 18px;
margin: 10px auto;
background-color: #ffffff;
overflow: hidden;
}
.acceptance_process ul li h5 {
text-align: center;
......
......@@ -47,6 +47,7 @@
.app_progress li h5 {
white-space: nowrap;
margin-top: 5px;
font-size: 14px;
}
.active {
background-color: #47E1BF!important;
......@@ -55,12 +56,15 @@
.activeing {
background-color: #47E1BF!important;
}
.activeingtext {
color: #47E1BF!important;
}
.active::after {
content: " ";
display: block;
position: absolute;
left: 10px;
top: 6px;
left: 9px;
top: 5px;
width: 8px;
height: 12px;
border-color: #fff;
......@@ -102,7 +106,36 @@
box-sizing: border-box;
padding: 20px;
margin-top: 10px;
margin-bottom: 50px;
}
.progressBar_con {
text-align: center;
}
/* ---------------业务名称title----------------------- */
.name_title {
padding: 10px;
margin-top: 15px;
}
.name_title h2 {
display: inline-block;
margin-right: 10px;
height: 16px;
line-height: 16px;
color: #4A4A4A;
line-height: 16px;
position: relative;
width: 50px;
}
.name_title h2::after {
position: absolute;
content: "";
width: 1px;
height: 12px;
background-color: #9B9B9B;
right: -7px;
top: 2px;
}
.name_title p {
display: inline-block;
color: #4A4A4A
}
\ No newline at end of file
......
......@@ -37,6 +37,9 @@
.activeing {
background-color: #47E1BF!important;
}
.activeingtext {
color: #47E1BF!important;
}
.active {
background-color: #47E1BF!important;
position: relative;
......
......@@ -4,26 +4,9 @@
min-height:calc(100vh - 207px);
color: #4a4a4a;
}
.name_title {
padding: 10px;
margin:15px 0;
}
.name_title h2 {
display: inline-block;
font-weight: 600;
margin-right: 10px;
border-left: 3px solid #0091FF;
height: 16px;
line-height: 16px;
padding-left: 5px;
}
.name_title p {
display: inline-block;
color: #0091FF;
}
.next_button {
text-align: center;
margin: 10px 0;
margin: 50px 0;
}
.nav_title {
padding: 10px 0 10px 10px;
......
......@@ -4,29 +4,11 @@
min-height:calc(100vh - 207px);
color: #4a4a4a;
}
.name_title {
padding: 10px;
margin:15px 0;
}
.name_title h2 {
display: inline-block;
font-weight: 600;
margin-right: 10px;
border-left: 3px solid #0091FF;
height: 16px;
line-height: 16px;
padding-left: 5px;
}
.name_title p {
display: inline-block;
color: #0091FF;
}
.audit_progress {
margin: 20px 0;
margin: 36px 0;
}
.audit_progress h2 {
font-size: 16px;
font-weight: 600;
line-height: 16px;
text-align: center;
color: #6D7278;
......
......@@ -178,24 +178,7 @@
}
.next_button {
text-align: center;
margin: 30px 0 100px 0;
}
.name_title {
padding: 10px;
margin:15px 0;
}
.name_title h2 {
display: inline-block;
font-weight: 600;
margin-right: 10px;
border-left: 3px solid #0091FF;
height: 16px;
line-height: 16px;
padding-left: 5px;
}
.name_title p {
display: inline-block;
color: #0091FF;
margin: 50px 0;
}
/* 房屋信息 */
.acceptance_information {
......
......@@ -3,26 +3,10 @@
margin: 0 auto;
color: #4a4a4a;
}
.name_title {
padding: 10px;
margin:15px 0;
}
.name_title h2 {
display: inline-block;
font-weight: 600;
margin-right: 10px;
border-left: 3px solid #0091FF;
height: 16px;
line-height: 16px;
padding-left: 5px;
}
.name_title p {
display: inline-block;
color: #0091FF;
}
.next_button {
text-align: center;
margin: 30px 0 100px 0;
margin: 50px 0;
}
.no_info {
text-align: center;
......
......@@ -4,30 +4,14 @@
min-height:calc(100vh - 207px);
color: #4a4a4a;
}
.name_title {
padding: 10px;
margin:15px 0;
}
.name_title h2 {
display: inline-block;
font-weight: 600;
margin-right: 10px;
border-left: 3px solid #0091FF;
height: 16px;
line-height: 16px;
padding-left: 5px;
}
.name_title p {
display: inline-block;
color: #0091FF;
}
.next_button {
text-align: center;
margin: 50px 0 100px 0;
margin: 50px 0;
}
.audit_progress {
text-align: center;
margin: 50px 0;
}
.audit_progress h2 {
font-size: 16px;
......@@ -95,7 +79,7 @@
display: inline-block;
}
.acceptance_process ul li:not(:last-child) {
margin-right: 250px;
margin-right: 236px;
}
.acceptance_process ul li .date {
text-align: center;
......@@ -107,6 +91,8 @@
border: 2px solid #2FA5FF;
border-radius: 18px;
margin: 10px auto;
background-color: #ffffff;
overflow: hidden;
}
.acceptance_process ul li h5 {
text-align: center;
......
......@@ -87,6 +87,10 @@ function successResult() {
title: '<p class="system_prompt successInfo">房屋状态：正常</p>',
area: ['370px', '335px'],
scrollbar: false,
btn:['下一步'],
yes : function() {
window.location.href="./tbxx.html";
},
content:'<ul class="dialog_con">'
+ '<li><span>姓名：</span>任超</li>'
+ '<li><span>身份证号：</span>610124193335522</li>'
......@@ -107,6 +111,7 @@ function seizureResult() {
title: '<p class="system_prompt seizureInfo">房屋状态：正常</p>',
area: ['370px', '335px'],
scrollbar: false,
btn:['下一步'],
content:'<ul class="dialog_con">'
+ '<li><span>姓名：</span>任超</li>'
+ '<li><span>身份证号：</span>610124193335522</li>'
......
......@@ -23,10 +23,12 @@
</div>
</div>
<div class="content_box">
<div class="name_title layui-bg-gray">
<div class="name_title">
<h2>转移类</h2>
<p>商品房转移买卖转移登记</p>
</div>
<div class="content_area">
<div class="progressBar">
<ul class="app_progress" id="app_progress">
</ul>
......@@ -136,7 +138,7 @@
<h5>申请</h5>
<p class="result">
<span>已提交</span>
<a>询问笔录</a>
<a>详细信息</a>
</p>
<div class="line"></div>
</li>
......@@ -171,6 +173,7 @@
</ul>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
......@@ -188,8 +191,8 @@
{{# } }}
{{# if(item.stepState==1){ }}
<li class="item_proress">
<p class="active"></p>
<h5>{{item.stepName}}</h5>
<p class="activeing"></p>
<h5 class="activeingtext">{{item.stepName}}</h5>
</li>
{{# if(index!=(d.progressList.length-1)){ }}
<li class="layui-progress">
......
......@@ -18,15 +18,16 @@
<span class="layui-breadcrumb">
<a href="../../index.html">首页</a>
<a href="./wssq.html">网上申请</a>
<a><cite>在线申请</cite></a>
<a><cite>身份认证</cite></a>
</span>
</div>
</div>
<div class="content_box">
<div class="name_title layui-bg-gray">
<div class="name_title">
<h2>转移类</h2>
<p>商品房转移买卖转移登记</p>
</div>
<div class="content_area">
<div class="progressBar">
<ul class="app_progress" id="app_progress">
</ul>
......@@ -49,6 +50,7 @@
</button>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
......@@ -68,7 +70,7 @@
{{# if(item.stepState==1){ }}
<li class="item_proress">
<p class="activeing"></p>
<h5>{{item.stepName}}</h5>
<h5 class="activeingtext">{{item.stepName}}</h5>
</li>
{{# if(index!=(d.progressList.length-1)){ }}
<li class="layui-progress">
......
......@@ -23,10 +23,11 @@
</div>
</div>
<div class="content_box">
<div class="name_title layui-bg-gray">
<div class="name_title">
<h2>转移类</h2>
<p> 商品房移买卖登记（个人）</p>
</div>
<div class="content_area">
<div class="progressBar">
<ul class="app_progress" id="app_progress">
</ul>
......@@ -249,6 +250,7 @@
</form>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
......@@ -274,7 +276,7 @@
{{# if(item.stepState==1){ }}
<li class="item_proress">
<p class="activeing"></p>
<h5>{{item.stepName}}</h5>
<h5 class="activeingtext">{{item.stepName}}</h5>
</li>
{{# if(index!=(d.progressList.length-1)){ }}
<li class="layui-progress">
......
......@@ -18,15 +18,17 @@
<span class="layui-breadcrumb">
<a href="../../index.html">首页</a>
<a href="./wssq.html">网上申请</a>
<a><cite>在线申请</cite></a>
<a><cite>完税核税</cite></a>
</span>
</div>
</div>
<div class="content_box">
<div class="name_title layui-bg-gray">
<div class="name_title">
<h2>转移类</h2>
<p>商品房转移买卖转移登记</p>
</div>
<div class="content_area">
<div class="progressBar">
<ul class="app_progress" id="app_progress">
</ul>
......@@ -134,6 +136,7 @@
</button>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
......@@ -152,7 +155,7 @@
{{# if(item.stepState==1){ }}
<li class="item_proress">
<p class="activeing"></p>
<h5>{{item.stepName}}</h5>
<h5 class="activeingtext">{{item.stepName}}</h5>
</li>
{{# if(index!=(d.progressList.length-1)){ }}
<li class="layui-progress">
......
......@@ -18,15 +18,17 @@
<span class="layui-breadcrumb">
<a href="../../index.html">首页</a>
<a href="./wssq.html">网上申请</a>
<a><cite>在线申请</cite></a>
<a><cite>线上缴费</cite></a>
</span>
</div>
</div>
<div class="content_box">
<div class="name_title layui-bg-gray">
<div class="name_title">
<h2>转移类</h2>
<p>商品房转移买卖转移登记</p>
</div>
<div class="content_area">
<div class="progressBar">
<ul class="app_progress" id="app_progress">
</ul>
......@@ -95,7 +97,7 @@
</div>
</div>
</div>
</div>
<!-- ------------------支付成功----------------- -->
</div>
</body>
......@@ -116,7 +118,7 @@
{{# if(item.stepState==1){ }}
<li class="item_proress">
<p class="activeing"></p>
<h5>{{item.stepName}}</h5>
<h5 class="activeingtext">{{item.stepName}}</h5>
</li>
{{# if(index!=(d.progressList.length-1)){ }}
<li class="layui-progress">
......
......@@ -90,7 +90,7 @@
{{# if(item.stepState==1){ }}
<li class="item_proress">
<p class="activeing"></p>
<h5>{{item.stepName}}</h5>
<h5 class="activeingtext">{{item.stepName}}</h5>
</li>
{{# if(index!=(d.progressList.length-1)){ }}
<li class="layui-progress">
......
......@@ -18,7 +18,7 @@
<span class="layui-breadcrumb">
<a href="../index.html" title="首页">首页</a>
<a href="./grzx.html" title="个人中心">个人中心</a>
<a title="我的预约"><cite>我的预约</cite></a>
<a title="选择区域"><cite>选择区域</cite></a>
</span>
</div>
</div>
......@@ -36,7 +36,7 @@
</div>
<li>
<p class="activeing"></p>
<h5>
<h5 class="activeingtext">
选择区域
</h5>
</li>
......
......@@ -18,7 +18,7 @@
<span class="layui-breadcrumb">
<a href="../index.html" title="首页">首页</a>
<a href="./grzx.html" title="个人中心">个人中心</a>
<a title="我的预约"><cite>我的预约</cite></a>
<a title="预约结果"><cite>预约结果</cite></a>
</span>
</div>
</div>
......@@ -55,7 +55,7 @@
</div>
<li>
<p class="activeing"></p>
<h5>
<h5 class="activeingtext">
预约结果
</h5>
</li>
......
......@@ -21,7 +21,7 @@ PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD
<span class="layui-breadcrumb">
<a href="../index.html" title="首页">首页</a>
<a href="./grzx.html" title="个人中心">个人中心</a>
<a title="我的预约"><cite>我的预约</cite></a>
<a title="预约时间"><cite>预约时间</cite></a>
</span>
</div>
</div>
......@@ -49,7 +49,7 @@ PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD
</div>
<li>
<p class="activeing"></p>
<h5>
<h5 class="activeingtext">
预约时间
</h5>
</li>
......
......@@ -21,7 +21,7 @@
<span class="layui-breadcrumb">
<a href="../index.html" title="首页">首页</a>
<a href="./grzx.html" title="个人中心">个人中心</a>
<a title="我的预约"><cite>我的预约</cite></a>
<a title="我的预约"><cite>预约须知</cite></a>
</span>
</div>
</div>
......@@ -30,7 +30,7 @@
<ul class="app_progress">
<li>
<p class="activeing"></p>
<h5>
<h5 class="activeingtext">
预约须知
</h5>
</li>
......
......@@ -18,15 +18,16 @@
<span class="layui-breadcrumb">
<a href="../../index.html">首页</a>
<a href="./wssq.html">网上申请</a>
<a><cite>在线申请</cite></a>
<a><cite>资料审核</cite></a>
</span>
</div>
</div>
<div class="content_box">
<div class="name_title layui-bg-gray">
<div class="name_title">
<h2>转移类</h2>
<p>商品房转移买卖转移登记</p>
</div>
<div class="content_area">
<div class="progressBar">
<ul class="app_progress" id="app_progress">
</ul>
......@@ -162,6 +163,7 @@
</button>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
......@@ -180,7 +182,7 @@
{{# if(item.stepState==1){ }}
<li class="item_proress">
<p class="activeing"></p>
<h5>{{item.stepName}}</h5>
<h5 class="activeingtext">{{item.stepName}}</h5>
</li>
{{# if(index!=(d.progressList.length-1)){ }}
<li class="layui-progress">
......