Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
3ea369a6 by 任超
Options

style:预约样式的修改

1 parent 2f60b440
Inline Side-by-side
Showing 4 changed files with 77 additions and 57 deletions
layui.use('element', function () {
let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
//监听导航点击
element.on('nav(demo)', function (elem) {
//console.log(elem)
layer.msg(elem.text());
});
});
var accept = $('.accept');
$('.next_button button').click(function () {
if (!accept.is(':checked')) {
layui.use('layer', function () {
var layer = layui.layer;
layer.open({
title: '标题'
, content: '请先选择同意协议'
});
});
} else {
layui.use('layer', function () {
var layer = layui.layer;
layer.confirm('本人承诺所填的预约信息属实，如有虚假，将承担法律责任', {
title: '真实准确的承诺',
btn: ['不同意', '同意进入下一步'] //按钮
}, function () {
layer.closeAll();
}, function () {
window.location.href = "../xzqy/index.html";
});
});
}
})
\ No newline at end of file
......@@ -13,6 +13,15 @@
color: #fff;
position: relative;
color: black;
cursor: pointer;
}
.app_progress li:hover {
background-color: #1E9FFF!important;
color: #fff!important;
}
.app_progress li:hover:after {
border-left-color: #1E9FFF;
}
.app_progress li:after{
content: '';
......
......@@ -13,7 +13,17 @@
color: #fff;
position: relative;
color: black;
cursor: pointer;
}
.app_progress li:hover {
background-color: #1E9FFF!important;
color: #fff!important;
}
.app_progress li:hover:after {
border-left-color: #1E9FFF;
}
.app_progress li:after{
content: '';
display: block;
......@@ -40,6 +50,7 @@
}
.clause p {
line-height: 26px;
cursor: pointer;
}
.clause .date {
overflow: hidden;
......
......@@ -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">
......@@ -22,15 +22,23 @@
<div class="main">
<div class="subject top-logo">
<div class="top_logo_content">
<h1><a href="index.html"><img src="./../../staticImages/logo.jpg" alt="西安市不动产登记平台" /></a></h1>
<h1><a href="index.html" title="西安市不动产登记平台"><img src="./../../staticImages/logo.jpg" alt="西安市不动产登记平台" /></a></h1>
<div class="top_logo_search">
<input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索"
autocomplete="off" class="layui-input">
<i class="layui-icon layui-icon-search" style="font-size: 14px;"></i>
</div>
<ul class="login">
<li>登录</li>
<li>注册</li>
<li>
<a href="" title="登录">
登录
</a>
</li>
<li>
<a href="" title="注册">
注册
</a>
</li>
</ul>
</div>
</div>
......@@ -56,9 +64,9 @@
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../../staticIndex.html">首页</a>
<a href="../grzx/index.html">个人中心</a>
<a><cite>我的预约</cite></a>
<a href="../../staticIndex.html" title="首页">首页</a>
<a href="../grzx/index.html" title="个人中心">个人中心</a>
<a title="我的预约"><cite>我的预约</cite></a>
</span>
</div>
</div>
......@@ -132,27 +140,27 @@
<div class="system_service">
<ul class="">
<li>
<a href="">
<a href="" title="公示公告">
<span>公示公告</span>
</a>
</li>
<li>
<a href="">
<a href="" title="法律法规">
<span>法律法规</span>
</a>
</li>
<li>
<a href="">
<a href="" title="相应政策">
<span>相应政策</span>
</a>
</li>
<li>
<a href="">
<a href="" title="下载服务">
<span>下载服务</span>
</a>
</li>
<li>
<a href="">
<a href="" title="关于我们">
<span>关于我们</span>
</a>
</li>
......@@ -160,8 +168,8 @@
</div>
<div class="subject">
<div class="footer_logo">
<a href="">
<img src="./../../staticImages/jiguan.png">
<a href="" title="党政机关">
<img src="./../../staticImages/jiguan.png" alt="党政机关" />
</a>
</div>
<ul>
......@@ -186,11 +194,11 @@
</ul>
<ol>
<li>
<img src="./../../staticImages/code.png">
<img src="./../../staticImages/code.png" alt="公众号" />
<p>扫描关注公众号</p>
</li>
<li>
<img src="./../../staticImages/code.png">
<img src="./../../staticImages/code.png" alt="公众号" />
<p>扫描关注公众号</p>
</li>
</ol>
......@@ -200,46 +208,6 @@
</body>
</html>
<!--[if (gte IE 9)|!(IE)]><!-->
<script type="text/javascript" src="../../staticLib/jquery/jquery.min.js"></script>
<!--<![endif]-->
<script type="text/javascript" src="../../staticLib/handlebars/handlebars.min.js"></script>
<script type="text/javascript" src="../../staticLib/iscroll/iscroll-probe.js"></script>
<script type="text/javascript" src="../../staticLib/amazeui/amazeui.min.js"></script>
<script type="text/javascript" src="../../staticLib/raty/jquery.raty.js"></script>
<script type="text/javascript" src="../../staticJs/main.min.js?t=1"></script>
<script type="text/javascript" src="../../staticLib/layui/layui.js"></script>
<script type="text/javascript">
layui.use('element', function () {
let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
//监听导航点击
element.on('nav(demo)', function (elem) {
//console.log(elem)
layer.msg(elem.text());
});
});
var accept = $('.accept');
$('.next_button button').click(function () {
if (!accept.is(':checked')) {
layui.use('layer', function () {
var layer = layui.layer;
layer.open({
title: '标题'
, content: '请先选择同意协议'
});
});
} else {
layui.use('layer', function () {
var layer = layui.layer;
layer.confirm('本人承诺所填的预约信息属实，如有虚假，将承担法律责任', {
title: '真实准确的承诺',
btn: ['不同意', '同意进入下一步'] //按钮
}, function () {
layer.closeAll();
}, function () {
window.location.href = "../xzqy/index.html";
});
});
}
})
</script>
\ No newline at end of file
<script type="text/javascript" src="../../staticJs/yyxz.js"></script>
\ No newline at end of file
......