style:预约样式的修改

任超
Showing 4 changed files with 77 additions and 57 deletions
staticJs/yyxz.js
staticViews/xzqy/css/index.css
staticViews/yyxz/css/index.css
staticViews/yyxz/index.html
--- a/staticJs/yyxz.js 0 → 100644
View file @3ea369a
+++ b/staticJs/yyxz.js 0 → 100644
View file @3ea369a
+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
--- a/staticViews/xzqy/css/index.css
View file @3ea369a
+++ b/staticViews/xzqy/css/index.css
View file @3ea369a
@@ -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: '';  
--- a/staticViews/yyxz/css/index.css
View file @3ea369a
+++ b/staticViews/yyxz/css/index.css
View file @3ea369a
@@ -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;
--- a/staticViews/yyxz/index.html
View file @3ea369a
+++ b/staticViews/yyxz/index.html
View file @3ea369a
@@ -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="../../staticIndex.html" title="首页">首页</a>
-                    <a href="../grzx/index.html">个人中心</a>
+                    <a href="../grzx/index.html" title="个人中心">个人中心</a>
-                    <a><cite>我的预约</cite></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="">
+                    <a href="" title="党政机关">
-                        <img src="./../../staticImages/jiguan.png">
+                        <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