Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
39099e62 by weimo934
Options

style():添加导航条

1 parent 1f0365d8
Inline Side-by-side
Showing 4 changed files with 63 additions and 56 deletions
......@@ -9,6 +9,7 @@
width: 1200px;
overflow: hidden;
margin: 0 auto;*/
overflow: hidden;
}
/*================首页 start=====================*/
......@@ -123,7 +124,6 @@ div.navigation {
/* --------------------导航tab------------------------- */
.navigation_crumbs {
width: 100%;
height: 45px;
padding: 10px 0;
line-height: 25px;
background: #FAFAFA;
......@@ -277,7 +277,6 @@ div.navigation {
}
.right-top {
width: 100px;
height: 18px;
font-size: 18px;
font-weight: 500;
......
......@@ -4,17 +4,16 @@
<head>
<title>新闻动态</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="Cache-Control" content="no-siteapp"/>
<link rel="stylesheet" type="text/css" href="../../lib/layui/css/layui.css"/>
<link rel="alternate icon" type="image/png" href="../../images/logo-realestate.png">
<link rel='icon' href='../../favicon.ico' type='image/x-ico'/>
<meta name="description" content=""/>
<meta name="keywords" content=""/>
<link rel="stylesheet" href="../../css/default.min.css?t=227"/>
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="alternate icon" type="image/png" href="../../staticstaticImages/logo-realestate.png">
<link rel='icon' href='favicon.ico' type='image/x-ico' />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" type="text/css" href="../../staticLib/layui/css/layui.css" />
<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
......@@ -24,7 +23,7 @@
<div class="subject top-logo">
<div class="top_logo_content">
<h1><a href="index.html"><img src="./../../images/logo.jpg" alt="西安市不动产登记平台"/></a></h1>
<h1><a href="index.html"><img src="./../../staticImages/logo.jpg" alt="西安市不动产登记平台"/></a></h1>
<div class="top_logo_search">
<input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索"
......@@ -217,7 +216,7 @@
<div class="subject">
<div class="footer_logo">
<a href="">
<img src="./../../images/jiguan.png">
<img src="./../../staticImages/jiguan.png">
</a>
</div>
<ul>
......@@ -242,11 +241,11 @@
</ul>
<ol>
<li>
<img src="./../../images/code.png">
<img src="./../../staticImages/code.png">
<p>扫描关注公众号</p>
</li>
<li>
<img src="./../../images/code.png">
<img src="./../../staticImages/code.png">
<p>扫描关注公众号</p>
</li>
......@@ -258,14 +257,14 @@
</html>
<!--[if (gte IE 9)|!(IE)]><!-->
<script type="text/javascript" src="../../lib/jquery/jquery.min.js"></script>
<script type="text/javascript" src="../../staticLib/jquery/jquery.min.js"></script>
<!--<![endif]-->
<script type="text/javascript" src="../../lib/handlebars/handlebars.min.js"></script>
<script type="text/javascript" src="../../lib/iscroll/iscroll-probe.js"></script>
<script type="text/javascript" src="../../lib/amazeui/amazeui.min.js"></script>
<script type="text/javascript" src="../../lib/raty/jquery.raty.js"></script>
<script type="text/javascript" src="../../js/main.min.js?t=1"></script>
<script type="text/javascript" src="../../lib/layui/layui.js"></script>
<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模块
......
......@@ -4,6 +4,7 @@
}
.main {
overflow: hidden
}
.mainbody {
......@@ -88,14 +89,14 @@ div.top-logo .top_logo_search i {
/* --------------------导航tab------------------------- */
.navigation_crumbs {
width: 100%;
height: 45px;
padding: 10px 0;
line-height: 25px;
background: #FAFAFA;
border: 1px solid #E6E6E6;
}
.navigation_crumbs .layui-breadcrumb a:hover {
color: #f46143!important;
color: #f46143 !important;
}
.contentBox {
......@@ -103,35 +104,43 @@ div.top-logo .top_logo_search i {
margin: 0 auto;
overflow: hidden;
}
.one_content {
border: 1px solid #DEDEDE;;
margin-top: 30px;
}
.one_content .layui-tab {
margin: 0;
}
.one_content .layui-tab-title li {
width: 100px;
font-weight: 600;
color: #6D7278;
}
.one_content .layui-tab-title .layui-this {
color: #4A4A4A;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {
.layui-tab-brief > .layui-tab-more li.layui-this:after, .layui-tab-brief > .layui-tab-title .layui-this:after {
border-color: #006CFF;
}
.layui-tab .layui-tab-brief .layui-this {
color: #006CFF;
}
.layui-tab .layui-tab-brief li {
width: 90px;
}
.online_business {
margin-top: 20px;
}
.online_business h2 {
width: 100%;
height: 43px;
line-height: 43px;
background: #FAFAFA;
......@@ -140,31 +149,38 @@ div.top-logo .top_logo_search i {
padding-left: 15px;
box-sizing: border-box;
}
.online_list {
padding-bottom: 20px;
overflow: hidden;
}
.online_list li{
width: 45%!important;
.online_list li {
width: 45% !important;
float: left;
height: 60px;
line-height: 60px;
border-bottom: 1px dotted #DEDEDE;
}
.online_list li:nth-child(even) {
margin-left: 10%;
}
.online_list li a{
.online_list li a {
display: block;
width: 100%;
}
.online_list li a:hover span{
.online_list li a:hover span {
color: #f46143;
}
.online_list li a button {
float: right;
margin-top: 15px;
}
/* ---------------------------------------------------- */
.top-logo ul li {
display: inline-block;
......@@ -202,8 +218,7 @@ div.navigation {
.title {
height: 30px;
font-size: 30px;
padding-top: 45px;
padding-bottom: 70px;
padding: 40px 0;
font-weight: 500;
color: #4A4A4A;
line-height: 30px;
......@@ -556,7 +571,6 @@ div.navigation {
}
.right-top {
width: 100px;
height: 18px;
font-size: 18px;
font-weight: 500;
......
......@@ -3,29 +3,24 @@
<head>
<meta charset="UTF-8">
<title>新闻详情</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="Cache-Control" content="no-siteapp"/>
<link rel="stylesheet" type="text/css" href="../../lib/layui/css/layui.css"/>
<link rel="alternate icon" type="image/png" href="../../images/logo-realestate.png">
<link rel='icon' href='../../favicon.ico' type='image/x-ico'/>
<meta name="description" content=""/>
<meta name="keywords" content=""/>
<link rel="stylesheet" href="../../css/default.min.css?t=227"/>
<link rel="stylesheet" type="text/css" href="css/index.css">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="alternate icon" type="image/png" href="../../staticImages/logo-realestate.png">
<link rel='icon' href='favicon.ico' type='image/x-ico' />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" type="text/css" href="../../staticLib/layui/css/layui.css" />
<link rel="stylesheet" type="text/css" href="./css/index.css">
</head>
<body>
<div>
<div class="main">
<div class="subject top-logo">
<div class="top_logo_content">
<h1><a href="index.html"><img src="./../../images/logo.jpg" alt="西安市不动产登记平台"/></a></h1>
<h1><a href="index.html"><img src="./../../staticImages/logo.jpg" alt="西安市不动产登记平台"/></a></h1>
<div class="top_logo_search">
<input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索"
......@@ -316,7 +311,7 @@
<div class="subject">
<div class="footer_logo">
<a href="">
<img src="./../../images/jiguan.png">
<img src="./../../staticImages/jiguan.png">
</a>
</div>
<ul>
......@@ -341,11 +336,11 @@
</ul>
<ol>
<li>
<img src="./../../images/code.png">
<img src="./../../staticImages/code.png">
<p>扫描关注公众号</p>
</li>
<li>
<img src="./../../images/code.png">
<img src="./../../staticImages/code.png">
<p>扫描关注公众号</p>
</li>
......@@ -363,14 +358,14 @@
}
</style>
<!--[if (gte IE 9)|!(IE)]><!-->
<script type="text/javascript" src="../../lib/jquery/jquery.min.js"></script>
<script type="text/javascript" src="../../staticLib/jquery/jquery.min.js"></script>
<!--<![endif]-->
<script type="text/javascript" src="../../lib/handlebars/handlebars.min.js"></script>
<script type="text/javascript" src="../../lib/iscroll/iscroll-probe.js"></script>
<script type="text/javascript" src="../../lib/amazeui/amazeui.min.js"></script>
<script type="text/javascript" src="../../lib/raty/jquery.raty.js"></script>
<script type="text/javascript" src="../../js/main.min.js?t=1"></script>
<script type="text/javascript" src="../../lib/layui/layui.js"></script>
<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">
$(function () {
let Mydate = new Date()
......