Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
87a0935a by 任超
Options

style:选择区域模块的完成

1 parent 1b8a59a8
Inline Side-by-side
Showing 3 changed files with 46 additions and 16 deletions
$('.area_list li').click(function(){
$(".area_list li").removeClass("active1")
$(this).addClass("active1");
})
$(".single_input").on("click",function(){
var par_label = $(this).parent();
if(this.checked){
$(".input_label").removeClass("choose_radioed").addClass("choose_radio");
par_label.removeClass("choose_radio").addClass("choose_radioed");
}else{
}
});
layui.use('element', function () {
let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
//监听导航点击
......
......@@ -71,6 +71,13 @@
text-align: center;
line-height: 32px;
margin-bottom: 10px;
cursor: pointer;
}
.selectCity .area_list li:hover {
background-color: #FFB800;
}
.active1 {
background-color: #FFB800!important;
}
.select_officehall {
width: 1200px;
......
......@@ -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">
......@@ -24,15 +24,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>
......@@ -58,9 +66,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>
......@@ -147,27 +155,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>
......@@ -175,8 +183,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>
......@@ -201,11 +209,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>
......