Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
d8356ddc by 任超
Options

style：样式

1 parent 4726b327
Inline Side-by-side
Showing 4 changed files with 61 additions and 37 deletions
...@@ -222,6 +222,7 @@ div.navigation { ...@@ -222,6 +222,7 @@ div.navigation {
222 font-weight: 400; 222 font-weight: 400;
223 color: #4A4A4A; 223 color: #4A4A4A;
224 line-height: 24px; 224 line-height: 24px;
225 padding-bottom: 30px;
225 } 226 }
226 /* -----------------底部start----------------------------- */ 227 /* -----------------底部start----------------------------- */
227 div.footer { 228 div.footer {
......
...@@ -196,4 +196,12 @@ ...@@ -196,4 +196,12 @@
196 } 196 }
197 }); 197 });
198 }); 198 });
199 layui.use('element', function(){
200 var element = layui.element;
201
202 //监听Tab切换，以改变地址hash值
203 element.on('tab(docDemoTabBrief)', function(){
204 location.hash = 'test1='+ this.getAttribute('lay-id');
205 });
206 });
199 </script> 207 </script>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -3,10 +3,23 @@ ...@@ -3,10 +3,23 @@
3 padding: 0; 3 padding: 0;
4 } 4 }
5 5
6 .main { 6 ::-webkit-input-placeholder { /* WebKit browsers */
7 font-size: 13px;
8 color: #9B9B9B;
9 }
7 10
8 } 11 ::-moz-placeholder { /* Mozilla Firefox 19+ */
12 font-size: 13px;
13 color: #9B9B9B;
14 }
9 15
16 :-ms-input-placeholder { /* Internet Explorer 10+ */
17 font-size: 13px;
18 color: #9B9B9B;
19 }
20 input {
21 padding-left: 10px;
22 }
10 /*================首页 start=====================*/ 23 /*================首页 start=====================*/
11 div a { 24 div a {
12 color: #000000; 25 color: #000000;
...@@ -123,6 +136,7 @@ div.navigation { ...@@ -123,6 +136,7 @@ div.navigation {
123 line-height: 25px; 136 line-height: 25px;
124 background: #FAFAFA; 137 background: #FAFAFA;
125 border: 1px solid #E6E6E6; 138 border: 1px solid #E6E6E6;
139 box-sizing: border-box;
126 } 140 }
127 .navigation_crumbs .layui-breadcrumb a:hover { 141 .navigation_crumbs .layui-breadcrumb a:hover {
128 color: #f46143!important; 142 color: #f46143!important;
...@@ -226,6 +240,7 @@ div.navigation { ...@@ -226,6 +240,7 @@ div.navigation {
226 background: #FFFFFF; 240 background: #FFFFFF;
227 border-radius: 2px; 241 border-radius: 2px;
228 border: 1px solid #CBCBCB; 242 border: 1px solid #CBCBCB;
243 margin-left: 10px;
229 } 244 }
230 245
231 .top button { 246 .top button {
...@@ -269,7 +284,6 @@ div.navigation { ...@@ -269,7 +284,6 @@ div.navigation {
269 .body { 284 .body {
270 display: flex; 285 display: flex;
271 justify-items: left; 286 justify-items: left;
272 border-top: 1px solid #CBCBCB;
273 } 287 }
274 288
275 .body div { 289 .body div {
......
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html lang="en"> 2 <html lang="en">
3
3 <head> 4 <head>
4 <title>公示公告</title> 5 <title>公示公告</title>
5 <meta charset="UTF-8"> 6 <meta charset="UTF-8">
...@@ -15,14 +16,15 @@ ...@@ -15,14 +16,15 @@
15 <link rel="stylesheet" type="text/css" href="../../staticLib/layui/css/layui.css" /> 16 <link rel="stylesheet" type="text/css" href="../../staticLib/layui/css/layui.css" />
16 <link rel="stylesheet" type="text/css" href="./css/index.css"> 17 <link rel="stylesheet" type="text/css" href="./css/index.css">
17 </head> 18 </head>
19
18 <body> 20 <body>
19 <div class="main"> 21 <div class="main">
20 <div class="subject top-logo"> 22 <div class="subject top-logo">
21 <div class="top_logo_content"> 23 <div class="top_logo_content">
22 <h1><a href="index.html"><img src="./../../staticImages/logo.jpg" alt="西安市不动产登记平台"/></a></h1> 24 <h1><a href="index.html"><img src="./../../staticImages/logo.jpg" alt="西安市不动产登记平台" /></a></h1>
23 <div class="top_logo_search"> 25 <div class="top_logo_search">
24 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索" autocomplete="off" 26 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索"
25 class="layui-input"> 27 autocomplete="off" class="layui-input">
26 <i class="layui-icon layui-icon-search" style="font-size: 14px;"></i> 28 <i class="layui-icon layui-icon-search" style="font-size: 14px;"></i>
27 </div> 29 </div>
28 <ul class="login"> 30 <ul class="login">
...@@ -70,42 +72,38 @@ ...@@ -70,42 +72,38 @@
70 <button>查询</button> 72 <button>查询</button>
71 </div> 73 </div>
72 </div> 74 </div>
73 <div class="filter"> 75 <div class="layui-tab layui-tab-brief" lay-filter="">
74 <div> 76 <ul class="layui-tab-title">
75 <span>全部</span> 77 <li class="layui-this">全部</li>
76 </div> 78 <li>公示</li>
77 <div> 79 <li>公告</li>
78 <span>公示</span> 80 </ul>
79 </div> 81 <div class="layui-tab-content">
80 <div>
81 <span>公告</span>
82 </div>
83 </div>
84 <div class="body"> 82 <div class="body">
85 <div class="left"> 83 <div class="left">
86 <div class="gg"> 84 <div class="gg">
87 <div class="gg-tag"> 85 <button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button>
88 公告 86 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正 中国经济持续稳定恢复 外交部：中国对世界减贫贡献率超过70%
89 </div> 87 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目
90 <span> 88 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目
91 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正 中国经济持续稳定恢复 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 89 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70%
92 </span> 90 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利
93 </div> 91 </div>
94 <div class="gg"> 92 <div class="gg">
95 <div class="gg-tag"> 93 <button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button>
96 公告 94 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正 中国经济持续稳定恢复 外交部：中国对世界减贫贡献率超过70%
97 </div> 95 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目
98 <span> 96 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目
99 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正 中国经济持续稳定恢复 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 97 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70%
100 </span> 98 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利
101 </div> 99 </div>
102 <div class="gg"> 100 <div class="gg">
103 <div class="gg-tag"> 101 <button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button>
104 公告 102 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正 中国经济持续稳定恢复 外交部：中国对世界减贫贡献率超过70%
105 </div> 103 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目
106 <span> 104 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目
107 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正 中国经济持续稳定恢复 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 105 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70%
108 </span> 106 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利
109 </div> 107 </div>
110 <div id="page"></div> 108 <div id="page"></div>
111 </div> 109 </div>
...@@ -165,6 +163,8 @@ ...@@ -165,6 +163,8 @@
165 </div> 163 </div>
166 </div> 164 </div>
167 </div> 165 </div>
166 </div>
167 </div>
168 168
169 <div class="footer"> 169 <div class="footer">
170 <div class="system_service"> 170 <div class="system_service">
...@@ -234,8 +234,9 @@ ...@@ -234,8 +234,9 @@
234 </ol> 234 </ol>
235 </div> 235 </div>
236 </div> 236 </div>
237 </div> 237 </div>
238 </body> 238 </body>
239
239 </html> 240 </html>
240 <!--[if (gte IE 9)|!(IE)]><!--> 241 <!--[if (gte IE 9)|!(IE)]><!-->
241 <script type="text/javascript" src="../../staticLib/jquery/jquery.min.js"></script> 242 <script type="text/javascript" src="../../staticLib/jquery/jquery.min.js"></script>
......