Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
9949a87e by 任超
Options

style:进度条样式的修改

1 parent 19e88277
Inline Side-by-side
Showing 11 changed files with 76 additions and 39 deletions
......@@ -5,20 +5,30 @@
}
.name_title {
padding: 10px;
margin:15px 0;
margin-top: 15px;
}
.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;
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: #0091FF;
color: #4A4A4A
}
.form_title h2 {
font-weight: 600;
......@@ -72,7 +82,7 @@
}
/* ----------------预约列表-------------------- */
.seach_result {
/* display: none; */
display: none;
}
.appointment_list {
margin-top: 20px;
......
.progressBar {
padding-top: 30px;
padding-top: 20px;
color: #4A4A4A;
position: relative;
margin: 30px 0 50px 0;
......@@ -23,18 +23,24 @@
.app_progress .layui-progress {
flex: 2.1;
position: relative;
top: 10px;
top: 13px;
margin-left: -3.8%;
margin-right: -3.8%;
}
.layui-progress {
height: 2px!important;
}
.layui-progress-bar {
height: 2px!important;
}
.item_proress {
position: relative;
width: 50px!important;
z-index: 10;
}
.app_progress li p{
width: 29.5px;
height: 29.5px;
width: 26px;
height: 26px;
border-radius: 50%;
background-color: #E6E6E6;
margin: 0 auto;
......
......@@ -9,10 +9,16 @@
.app_progress li:not(:first-child) {
margin-left: -47px;
}
.layui-progress {
height: 2px!important;
}
.layui-progress-bar {
height: 2px!important;
}
.app_progress li p{
width: 29.5px;
height: 29.5px;
width: 26px;
height: 26px;
border-radius: 50%;
background-color: #E6E6E6;
margin: 0 auto;
......@@ -28,6 +34,9 @@
top: -41px;
left: -24px;
}
.activeing {
background-color: #47E1BF!important;
}
.active {
background-color: #47E1BF!important;
position: relative;
......@@ -36,8 +45,8 @@
content: " ";
display: block;
position: absolute;
left: 10px;
top: 6px;
left: 8px;
top: 4px;
width: 8px;
height: 12px;
border-color: #fff;
......
......@@ -50,11 +50,11 @@
color: #006CFF!important;
border-color: #006CFF!important;
}
.business {
margin-left: -10px;
margin-right: -10px;
margin-top: 30px;
overflow: hidden;
}
.online_processing , .online_examination{
width: 50%;
......@@ -74,6 +74,13 @@
margin-left: 10px;
color: #4A4A4A;
}
.list_title h2 .icon {
float: left;
width: 17px;
height: 17px;
margin-top: 16px;
margin-right: 7px;
}
.online_processing {
float: left;
}
......@@ -106,7 +113,7 @@
.button a:hover {
color: #fff;
}
.type_title {
.type_title, .region_title {
height: 16px;
padding-left: 8px;
font-size: 16px;
......@@ -116,7 +123,7 @@
padding-bottom: 10px;
color: #4A4A4A;
}
.type_title::before {
.type_title::before, .region_title::before {
position:absolute;
content:"";
left:0;
......
......@@ -64,7 +64,7 @@
border-color: #0091FF;
color: #0091FF;
}
.active1 {
.activeRegion {
border-color: #0091FF!important;
color: #0091FF!important;
}
......@@ -131,6 +131,6 @@
color: #fff;
}
.hallActive {
background-color: rgb(236, 236, 236);
color: #0091FF;
border-color: #0091FF!important;
color: #0091FF!important;
}
\ No newline at end of file
......
......@@ -9,14 +9,6 @@ document.writeln("<!DOCTYPE html>");
document.writeln("<html lang=\'en\'>");
document.writeln("");
document.writeln("<head>");
document.writeln(" <meta charset=\'UTF-8\'>");
document.writeln(" <title>网上“一窗办事”登记系统</title>");
document.writeln(" <meta name=\'copyright\' content=\' &reg 技术支持 All Rights Reserved\' />");
document.writeln(" <meta name=\'robots\' content=\'index,follow\' />");
document.writeln(" <meta name=\'googlebot\' content=\'index,follow,archive\' />");
document.writeln(" <link rel=\'icon\' href=\'favicon.ico\' type=\'image/x-ico\' />");
document.writeln(" <meta name=\'description\' content=\'\' />");
document.writeln(" <meta name=\'Keywords\' content=\'\' />");
document.writeln(" <link rel=\'stylesheet\' type=\'text/css\' href=\'"+localhostPaht+"/staticLib/layui/css/layui.css\' />");
document.writeln(" <link type=\'text/css\' rel=\'stylesheet\' href=\'"+localhostPaht+"/staticCss/common.css\' />");
document.writeln("");
......
......@@ -5,8 +5,8 @@ $(function () {
// 办事大厅
var halloffice = '不夜城'
$('.area_list li').click(function () {
$(".area_list li").removeClass("active1")
$(this).addClass("active1");
$(".area_list li").removeClass("activeRegion")
$(this).addClass("activeRegion");
})
......
......@@ -20,6 +20,7 @@
</div>
<div class="online_application">
<div class="selectCity">
<h2 class="region_title">请先选择对应的区域</h2>
<form class="layui-form">
<h2 class="title">省</h2>
<div class="layui-inline layui-select-default" style="margin-right: 10px;">
......@@ -61,7 +62,12 @@
<h1 class="type_title">在线办理即时业务(即时办结)</h1>
<ul class="item_list">
<div class="list_title">
<h2>预告类</h2>
<h2>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icontudi"></use>
</svg>
预告类
</h2>
</div>
<li>
<p>预售商品房抵押登记</p>
......@@ -83,7 +89,12 @@
<h1 class="type_title">网上预审(现场办结)</h1>
<ul class="item_list">
<div class="list_title">
<h2>预告类</h2>
<h2>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icontudi"></use>
</svg>
预告类
</h2>
</div>
<li>
<p>二手房买卖登记</p>
......@@ -108,8 +119,8 @@
</div>
</div>
</body>
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/city-picker.js"></script>
<script type="text/javascript" src="../staticJs/wssq.js"></script>
</html>
\ No newline at end of file
......
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
</style>
......@@ -22,7 +23,7 @@
</div>
</div>
<div class="content_box">
<div class="name_title layui-bg-gray">
<div class="name_title">
<h2>商品房</h2>
<p>转移登记</p>
</div>
......@@ -56,15 +57,15 @@
<label class="layui-form-label">合同备案号</label>
<div class="layui-input-block record">
<input type="text" name="record" required lay-verify="record" placeholder="请输合同备案号"
class="layui-input">
class="layui-input">
</div>
</div>
<div class="layui-form-item submitbutton_con">
<div class="layui-input-block submitbutton">
<button type="reset" class="layui-btn layui-btn-primary reset">重 置</button>
<button type="submit" class="layui-btn layui-btn-normal submit" lay-submit="" lay-filter="demo1">查
询</button>
<button type="submit" class="layui-btn layui-btn-normal submit" lay-submit=""
lay-filter="demo1">查询</button>
</div>
</div>
</form>
......@@ -189,4 +190,5 @@
{{# } }}
{{# }); }}
</script>
</html>
\ No newline at end of file
......
......@@ -35,7 +35,7 @@
<div class="layui-progress-bar" lay-percent="100%"></div>
</div>
<li>
<p class="active"></p>
<p class="activeing"></p>
<h5>
选择区域
</h5>
......
......@@ -28,7 +28,7 @@
<div class="progressBar contentBox">
<ul class="app_progress">
<li>
<p class="active"></p>
<p class="activeing"></p>
<h5>
预约须知
</h5>
......