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 @@ ...@@ -9,6 +9,7 @@
9 width: 1200px; 9 width: 1200px;
10 overflow: hidden; 10 overflow: hidden;
11 margin: 0 auto;*/ 11 margin: 0 auto;*/
12 overflow: hidden;
12 } 13 }
13 14
14 /*================首页 start=====================*/ 15 /*================首页 start=====================*/
...@@ -123,7 +124,6 @@ div.navigation { ...@@ -123,7 +124,6 @@ div.navigation {
123 /* --------------------导航tab------------------------- */ 124 /* --------------------导航tab------------------------- */
124 .navigation_crumbs { 125 .navigation_crumbs {
125 width: 100%; 126 width: 100%;
126 height: 45px;
127 padding: 10px 0; 127 padding: 10px 0;
128 line-height: 25px; 128 line-height: 25px;
129 background: #FAFAFA; 129 background: #FAFAFA;
...@@ -277,7 +277,6 @@ div.navigation { ...@@ -277,7 +277,6 @@ div.navigation {
277 } 277 }
278 278
279 .right-top { 279 .right-top {
280 width: 100px;
281 height: 18px; 280 height: 18px;
282 font-size: 18px; 281 font-size: 18px;
283 font-weight: 500; 282 font-weight: 500;
......
...@@ -4,17 +4,16 @@ ...@@ -4,17 +4,16 @@
4 <head> 4 <head>
5 <title>新闻动态</title> 5 <title>新闻动态</title>
6 <meta charset="UTF-8"> 6 <meta charset="UTF-8">
7 <meta http-equiv="X-UA-Compatible" content="IE=edge"/> 7 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
8 <meta name="format-detection" content="telephone=no"> 8 <meta name="format-detection" content="telephone=no">
9 <meta name="renderer" content="webkit"> 9 <meta name="renderer" content="webkit">
10 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"> 10 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
11 <meta http-equiv="Cache-Control" content="no-siteapp"/> 11 <meta http-equiv="Cache-Control" content="no-siteapp" />
12 <link rel="stylesheet" type="text/css" href="../../lib/layui/css/layui.css"/> 12 <link rel="alternate icon" type="image/png" href="../../staticstaticImages/logo-realestate.png">
13 <link rel="alternate icon" type="image/png" href="../../images/logo-realestate.png"> 13 <link rel='icon' href='favicon.ico' type='image/x-ico' />
14 <link rel='icon' href='../../favicon.ico' type='image/x-ico'/> 14 <meta name="description" content="" />
15 <meta name="description" content=""/> 15 <meta name="keywords" content="" />
16 <meta name="keywords" content=""/> 16 <link rel="stylesheet" type="text/css" href="../../staticLib/layui/css/layui.css" />
17 <link rel="stylesheet" href="../../css/default.min.css?t=227"/>
18 <link rel="stylesheet" type="text/css" href="css/index.css"> 17 <link rel="stylesheet" type="text/css" href="css/index.css">
19 </head> 18 </head>
20 19
...@@ -24,7 +23,7 @@ ...@@ -24,7 +23,7 @@
24 23
25 <div class="subject top-logo"> 24 <div class="subject top-logo">
26 <div class="top_logo_content"> 25 <div class="top_logo_content">
27 <h1><a href="index.html"><img src="./../../images/logo.jpg" alt="西安市不动产登记平台"/></a></h1> 26 <h1><a href="index.html"><img src="./../../staticImages/logo.jpg" alt="西安市不动产登记平台"/></a></h1>
28 27
29 <div class="top_logo_search"> 28 <div class="top_logo_search">
30 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索" 29 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索"
...@@ -217,7 +216,7 @@ ...@@ -217,7 +216,7 @@
217 <div class="subject"> 216 <div class="subject">
218 <div class="footer_logo"> 217 <div class="footer_logo">
219 <a href=""> 218 <a href="">
220 <img src="./../../images/jiguan.png"> 219 <img src="./../../staticImages/jiguan.png">
221 </a> 220 </a>
222 </div> 221 </div>
223 <ul> 222 <ul>
...@@ -242,11 +241,11 @@ ...@@ -242,11 +241,11 @@
242 </ul> 241 </ul>
243 <ol> 242 <ol>
244 <li> 243 <li>
245 <img src="./../../images/code.png"> 244 <img src="./../../staticImages/code.png">
246 <p>扫描关注公众号</p> 245 <p>扫描关注公众号</p>
247 </li> 246 </li>
248 <li> 247 <li>
249 <img src="./../../images/code.png"> 248 <img src="./../../staticImages/code.png">
250 <p>扫描关注公众号</p> 249 <p>扫描关注公众号</p>
251 </li> 250 </li>
252 251
...@@ -258,14 +257,14 @@ ...@@ -258,14 +257,14 @@
258 257
259 </html> 258 </html>
260 <!--[if (gte IE 9)|!(IE)]><!--> 259 <!--[if (gte IE 9)|!(IE)]><!-->
261 <script type="text/javascript" src="../../lib/jquery/jquery.min.js"></script> 260 <script type="text/javascript" src="../../staticLib/jquery/jquery.min.js"></script>
262 <!--<![endif]--> 261 <!--<![endif]-->
263 <script type="text/javascript" src="../../lib/handlebars/handlebars.min.js"></script> 262 <script type="text/javascript" src="../../staticLib/handlebars/handlebars.min.js"></script>
264 <script type="text/javascript" src="../../lib/iscroll/iscroll-probe.js"></script> 263 <script type="text/javascript" src="../../staticLib/iscroll/iscroll-probe.js"></script>
265 <script type="text/javascript" src="../../lib/amazeui/amazeui.min.js"></script> 264 <script type="text/javascript" src="../../staticLib/amazeui/amazeui.min.js"></script>
266 <script type="text/javascript" src="../../lib/raty/jquery.raty.js"></script> 265 <script type="text/javascript" src="../../staticLib/raty/jquery.raty.js"></script>
267 <script type="text/javascript" src="../../js/main.min.js?t=1"></script> 266 <script type="text/javascript" src="../../staticJs/main.min.js?t=1"></script>
268 <script type="text/javascript" src="../../lib/layui/layui.js"></script> 267 <script type="text/javascript" src="../../staticLib/layui/layui.js"></script>
269 <script type="text/javascript"> 268 <script type="text/javascript">
270 layui.use('element', function () { 269 layui.use('element', function () {
271 let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块 270 let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
......
...@@ -4,6 +4,7 @@ ...@@ -4,6 +4,7 @@
4 } 4 }
5 5
6 .main { 6 .main {
7 overflow: hidden
7 } 8 }
8 9
9 .mainbody { 10 .mainbody {
...@@ -88,14 +89,14 @@ div.top-logo .top_logo_search i { ...@@ -88,14 +89,14 @@ div.top-logo .top_logo_search i {
88 /* --------------------导航tab------------------------- */ 89 /* --------------------导航tab------------------------- */
89 .navigation_crumbs { 90 .navigation_crumbs {
90 width: 100%; 91 width: 100%;
91 height: 45px;
92 padding: 10px 0; 92 padding: 10px 0;
93 line-height: 25px; 93 line-height: 25px;
94 background: #FAFAFA; 94 background: #FAFAFA;
95 border: 1px solid #E6E6E6; 95 border: 1px solid #E6E6E6;
96 } 96 }
97
97 .navigation_crumbs .layui-breadcrumb a:hover { 98 .navigation_crumbs .layui-breadcrumb a:hover {
98 color: #f46143!important; 99 color: #f46143 !important;
99 } 100 }
100 101
101 .contentBox { 102 .contentBox {
...@@ -103,35 +104,43 @@ div.top-logo .top_logo_search i { ...@@ -103,35 +104,43 @@ div.top-logo .top_logo_search i {
103 margin: 0 auto; 104 margin: 0 auto;
104 overflow: hidden; 105 overflow: hidden;
105 } 106 }
107
106 .one_content { 108 .one_content {
107 border: 1px solid #DEDEDE;; 109 border: 1px solid #DEDEDE;;
108 margin-top: 30px; 110 margin-top: 30px;
109 } 111 }
112
110 .one_content .layui-tab { 113 .one_content .layui-tab {
111 margin: 0; 114 margin: 0;
112 } 115 }
116
113 .one_content .layui-tab-title li { 117 .one_content .layui-tab-title li {
114 width: 100px; 118 width: 100px;
115 font-weight: 600; 119 font-weight: 600;
116 color: #6D7278; 120 color: #6D7278;
117 } 121 }
122
118 .one_content .layui-tab-title .layui-this { 123 .one_content .layui-tab-title .layui-this {
119 color: #4A4A4A; 124 color: #4A4A4A;
120 } 125 }
121 .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after { 126
127 .layui-tab-brief > .layui-tab-more li.layui-this:after, .layui-tab-brief > .layui-tab-title .layui-this:after {
122 border-color: #006CFF; 128 border-color: #006CFF;
123 } 129 }
130
124 .layui-tab .layui-tab-brief .layui-this { 131 .layui-tab .layui-tab-brief .layui-this {
125 color: #006CFF; 132 color: #006CFF;
126 } 133 }
134
127 .layui-tab .layui-tab-brief li { 135 .layui-tab .layui-tab-brief li {
128 width: 90px; 136 width: 90px;
129 } 137 }
138
130 .online_business { 139 .online_business {
131 margin-top: 20px; 140 margin-top: 20px;
132 } 141 }
142
133 .online_business h2 { 143 .online_business h2 {
134 width: 100%;
135 height: 43px; 144 height: 43px;
136 line-height: 43px; 145 line-height: 43px;
137 background: #FAFAFA; 146 background: #FAFAFA;
...@@ -140,31 +149,38 @@ div.top-logo .top_logo_search i { ...@@ -140,31 +149,38 @@ div.top-logo .top_logo_search i {
140 padding-left: 15px; 149 padding-left: 15px;
141 box-sizing: border-box; 150 box-sizing: border-box;
142 } 151 }
152
143 .online_list { 153 .online_list {
144 padding-bottom: 20px; 154 padding-bottom: 20px;
145 overflow: hidden; 155 overflow: hidden;
146 } 156 }
147 .online_list li{ 157
148 width: 45%!important; 158 .online_list li {
159 width: 45% !important;
149 float: left; 160 float: left;
150 height: 60px; 161 height: 60px;
151 line-height: 60px; 162 line-height: 60px;
152 border-bottom: 1px dotted #DEDEDE; 163 border-bottom: 1px dotted #DEDEDE;
153 } 164 }
165
154 .online_list li:nth-child(even) { 166 .online_list li:nth-child(even) {
155 margin-left: 10%; 167 margin-left: 10%;
156 } 168 }
157 .online_list li a{ 169
170 .online_list li a {
158 display: block; 171 display: block;
159 width: 100%; 172 width: 100%;
160 } 173 }
161 .online_list li a:hover span{ 174
175 .online_list li a:hover span {
162 color: #f46143; 176 color: #f46143;
163 } 177 }
178
164 .online_list li a button { 179 .online_list li a button {
165 float: right; 180 float: right;
166 margin-top: 15px; 181 margin-top: 15px;
167 } 182 }
183
168 /* ---------------------------------------------------- */ 184 /* ---------------------------------------------------- */
169 .top-logo ul li { 185 .top-logo ul li {
170 display: inline-block; 186 display: inline-block;
...@@ -202,8 +218,7 @@ div.navigation { ...@@ -202,8 +218,7 @@ div.navigation {
202 .title { 218 .title {
203 height: 30px; 219 height: 30px;
204 font-size: 30px; 220 font-size: 30px;
205 padding-top: 45px; 221 padding: 40px 0;
206 padding-bottom: 70px;
207 font-weight: 500; 222 font-weight: 500;
208 color: #4A4A4A; 223 color: #4A4A4A;
209 line-height: 30px; 224 line-height: 30px;
...@@ -556,7 +571,6 @@ div.navigation { ...@@ -556,7 +571,6 @@ div.navigation {
556 } 571 }
557 572
558 .right-top { 573 .right-top {
559 width: 100px;
560 height: 18px; 574 height: 18px;
561 font-size: 18px; 575 font-size: 18px;
562 font-weight: 500; 576 font-weight: 500;
......
...@@ -3,29 +3,24 @@ ...@@ -3,29 +3,24 @@
3 <head> 3 <head>
4 <meta charset="UTF-8"> 4 <meta charset="UTF-8">
5 <title>新闻详情</title> 5 <title>新闻详情</title>
6 <meta http-equiv="X-UA-Compatible" content="IE=edge"/> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
7 <meta name="format-detection" content="telephone=no"> 7 <meta name="format-detection" content="telephone=no">
8 <meta name="renderer" content="webkit"> 8 <meta name="renderer" content="webkit">
9 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"> 9 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
10 <meta http-equiv="Cache-Control" content="no-siteapp"/> 10 <meta http-equiv="Cache-Control" content="no-siteapp" />
11 <link rel="stylesheet" type="text/css" href="../../lib/layui/css/layui.css"/> 11 <link rel="alternate icon" type="image/png" href="../../staticImages/logo-realestate.png">
12 <link rel="alternate icon" type="image/png" href="../../images/logo-realestate.png"> 12 <link rel='icon' href='favicon.ico' type='image/x-ico' />
13 <link rel='icon' href='../../favicon.ico' type='image/x-ico'/> 13 <meta name="description" content="" />
14 <meta name="description" content=""/> 14 <meta name="keywords" content="" />
15 <meta name="keywords" content=""/> 15 <link rel="stylesheet" type="text/css" href="../../staticLib/layui/css/layui.css" />
16 <link rel="stylesheet" href="../../css/default.min.css?t=227"/> 16 <link rel="stylesheet" type="text/css" href="./css/index.css">
17 <link rel="stylesheet" type="text/css" href="css/index.css">
18 </head> 17 </head>
19 <body> 18 <body>
20 <div> 19 <div>
21
22
23 <div class="main"> 20 <div class="main">
24
25
26 <div class="subject top-logo"> 21 <div class="subject top-logo">
27 <div class="top_logo_content"> 22 <div class="top_logo_content">
28 <h1><a href="index.html"><img src="./../../images/logo.jpg" alt="西安市不动产登记平台"/></a></h1> 23 <h1><a href="index.html"><img src="./../../staticImages/logo.jpg" alt="西安市不动产登记平台"/></a></h1>
29 24
30 <div class="top_logo_search"> 25 <div class="top_logo_search">
31 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索" 26 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索"
...@@ -316,7 +311,7 @@ ...@@ -316,7 +311,7 @@
316 <div class="subject"> 311 <div class="subject">
317 <div class="footer_logo"> 312 <div class="footer_logo">
318 <a href=""> 313 <a href="">
319 <img src="./../../images/jiguan.png"> 314 <img src="./../../staticImages/jiguan.png">
320 </a> 315 </a>
321 </div> 316 </div>
322 <ul> 317 <ul>
...@@ -341,11 +336,11 @@ ...@@ -341,11 +336,11 @@
341 </ul> 336 </ul>
342 <ol> 337 <ol>
343 <li> 338 <li>
344 <img src="./../../images/code.png"> 339 <img src="./../../staticImages/code.png">
345 <p>扫描关注公众号</p> 340 <p>扫描关注公众号</p>
346 </li> 341 </li>
347 <li> 342 <li>
348 <img src="./../../images/code.png"> 343 <img src="./../../staticImages/code.png">
349 <p>扫描关注公众号</p> 344 <p>扫描关注公众号</p>
350 </li> 345 </li>
351 346
...@@ -363,14 +358,14 @@ ...@@ -363,14 +358,14 @@
363 } 358 }
364 </style> 359 </style>
365 <!--[if (gte IE 9)|!(IE)]><!--> 360 <!--[if (gte IE 9)|!(IE)]><!-->
366 <script type="text/javascript" src="../../lib/jquery/jquery.min.js"></script> 361 <script type="text/javascript" src="../../staticLib/jquery/jquery.min.js"></script>
367 <!--<![endif]--> 362 <!--<![endif]-->
368 <script type="text/javascript" src="../../lib/handlebars/handlebars.min.js"></script> 363 <script type="text/javascript" src="../../staticLib/handlebars/handlebars.min.js"></script>
369 <script type="text/javascript" src="../../lib/iscroll/iscroll-probe.js"></script> 364 <script type="text/javascript" src="../../staticLib/iscroll/iscroll-probe.js"></script>
370 <script type="text/javascript" src="../../lib/amazeui/amazeui.min.js"></script> 365 <script type="text/javascript" src="../../staticLib/amazeui/amazeui.min.js"></script>
371 <script type="text/javascript" src="../../lib/raty/jquery.raty.js"></script> 366 <script type="text/javascript" src="../../staticLib/raty/jquery.raty.js"></script>
372 <script type="text/javascript" src="../../js/main.min.js?t=1"></script> 367 <script type="text/javascript" src="../../staticJs/main.min.js?t=1"></script>
373 <script type="text/javascript" src="../../lib/layui/layui.js"></script> 368 <script type="text/javascript" src="../../staticLib/layui/layui.js"></script>
374 <script type="text/javascript"> 369 <script type="text/javascript">
375 $(function () { 370 $(function () {
376 let Mydate = new Date() 371 let Mydate = new Date()
......