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 225 additions and 201 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 {
......
...@@ -53,7 +53,7 @@ ...@@ -53,7 +53,7 @@
53 <li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li> 53 <li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
54 </ul> 54 </ul>
55 </div> 55 </div>
56 <div class="navigation_crumbs"> 56 <div class="navigation_crumbs">
57 <div class="contentBox"> 57 <div class="contentBox">
58 <span class="layui-breadcrumb"> 58 <span class="layui-breadcrumb">
59 <a href="../../staticIndex.html">首页</a> 59 <a href="../../staticIndex.html">首页</a>
...@@ -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 7 font-size: 13px;
8 } 8 color: #9B9B9B;
9 9 }
10
11 ::-moz-placeholder { /* Mozilla Firefox 19+ */
12 font-size: 13px;
13 color: #9B9B9B;
14 }
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,227 +16,227 @@ ...@@ -15,227 +16,227 @@
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>
29 </div>
30 <ul class="login">
31 <li>登录</li>
32 <li>注册</li>
33 </ul>
27 </div> 34 </div>
28 <ul class="login"> 35 </div>
29 <li>登录</li> 36 <div class="navigation">
30 <li>注册</li> 37 <ul class="layui-nav layui-bg-blue" lay-filter="">
38 <li class="layui-nav-item "><a href="./../../staticIndex.html">首页</a></li>
39 <li class="layui-nav-item layui-this"><a href="./../../staticViews/xwdt/index.html">新闻动态</a></li>
40 <li class="layui-nav-item"><a href="">业务办理</a></li>
41 <li class="layui-nav-item"><a href="./../../staticViews/bszn/index.html">办事指南</a></li>
42 <li class="layui-nav-item">
43 <a href="javascript:;">查验中心</a>
44 <dl class="layui-nav-child">
45 <!-- 二级菜单 -->
46 <dd><a href="">移动模块</a></dd>
47 <dd><a href="">后台模版</a></dd>
48 <dd><a href="">电商平台</a></dd>
49 </dl>
50 </li>
51 <li class="layui-nav-item"><a href="">在线缴费</a></li>
52 <li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
31 </ul> 53 </ul>
32 </div> 54 </div>
33 </div> 55 <div class="navigation_crumbs">
34 <div class="navigation"> 56 <div class="contentBox">
35 <ul class="layui-nav layui-bg-blue" lay-filter="">
36 <li class="layui-nav-item "><a href="./../../staticIndex.html">首页</a></li>
37 <li class="layui-nav-item layui-this"><a href="./../../staticViews/xwdt/index.html">新闻动态</a></li>
38 <li class="layui-nav-item"><a href="">业务办理</a></li>
39 <li class="layui-nav-item"><a href="./../../staticViews/bszn/index.html">办事指南</a></li>
40 <li class="layui-nav-item">
41 <a href="javascript:;">查验中心</a>
42 <dl class="layui-nav-child">
43 <!-- 二级菜单 -->
44 <dd><a href="">移动模块</a></dd>
45 <dd><a href="">后台模版</a></dd>
46 <dd><a href="">电商平台</a></dd>
47 </dl>
48 </li>
49 <li class="layui-nav-item"><a href="">在线缴费</a></li>
50 <li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
51 </ul>
52 </div>
53 <div class="navigation_crumbs">
54 <div class="contentBox">
55 <span class="layui-breadcrumb"> 57 <span class="layui-breadcrumb">
56 <a href="../../staticIndex.html">首页</a> 58 <a href="../../staticIndex.html">首页</a>
57 <a><cite>公示公告</cite></a> 59 <a><cite>公示公告</cite></a>
58 </span> 60 </span>
59 </div>
60 </div>
61 <div class="mainbody">
62 <div class="top">
63 <div class="top-title">
64 <span>标题内容:</span><input type="text" placeholder="请输入标题">
65 </div>
66 <div class="top-date ">
67 发布时间:<input type="date" placeholder="选择时间">
68 </div>
69 <div class="top-serach ">
70 <button>查询</button>
71 </div>
72 </div>
73 <div class="filter">
74 <div>
75 <span>全部</span>
76 </div>
77 <div>
78 <span>公示</span>
79 </div>
80 <div>
81 <span>公告</span>
82 </div> 61 </div>
83 </div> 62 </div>
84 <div class="body"> 63 <div class="mainbody">
85 <div class="left"> 64 <div class="top">
86 <div class="gg"> 65 <div class="top-title">
87 <div class="gg-tag"> 66 <span>标题内容:</span><input type="text" placeholder="请输入标题">
88 公告
89 </div>
90 <span>
91 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正 中国经济持续稳定恢复 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利
92 </span>
93 </div> 67 </div>
94 <div class="gg"> 68 <div class="top-date ">
95 <div class="gg-tag"> 69 发布时间:<input type="date" placeholder="选择时间">
96 公告
97 </div>
98 <span>
99 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正 中国经济持续稳定恢复 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利
100 </span>
101 </div> 70 </div>
102 <div class="gg"> 71 <div class="top-serach ">
103 <div class="gg-tag"> 72 <button>查询</button>
104 公告
105 </div>
106 <span>
107 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正 中国经济持续稳定恢复 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利
108 </span>
109 </div> 73 </div>
110 <div id="page"></div>
111 </div> 74 </div>
112 <div class="right"> 75 <div class="layui-tab layui-tab-brief" lay-filter="">
113 <div class="right-top"> 76 <ul class="layui-tab-title">
114 <h2>新闻推荐</h2> 77 <li class="layui-this">全部</li>
115 </div> 78 <li>公示</li>
116 <div class="right-body"> 79 <li>公告</li>
117 <div class="tj"> 80 </ul>
118 <img 81 <div class="layui-tab-content">
119 src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg"> 82 <div class="body">
120 <span class="tj-title"> 83 <div class="left">
121 爬山虎国土空间信息化解决方案 84 <div class="gg">
122 </span> 85 <button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button>
123 <span class="tj-date"> 86 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正 中国经济持续稳定恢复 外交部：中国对世界减贫贡献率超过70%
124 2020-12-12 87 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目
125 </span> 88 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目
126 </div> 89 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70%
127 <div class="tj"> 90 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利
128 <img 91 </div>
129 src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg"> 92 <div class="gg">
130 <span class="tj-title"> 93 <button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button>
131 爬山虎国土空间信息化解决方案终极方案 94 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正 中国经济持续稳定恢复 外交部：中国对世界减贫贡献率超过70%
132 </span> 95 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目
133 <span class="tj-date"> 96 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目
134 2020-12-12 97 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70%
135 </span> 98 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利
136 </div> 99 </div>
137 </div> 100 <div class="gg">
138 <div class="right-bottom"> 101 <button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button>
139 <div class="right-bottom-top"> 102 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正 中国经济持续稳定恢复 外交部：中国对世界减贫贡献率超过70%
140 <span>政策法规推荐</span> 103 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目
141 </div> 104 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目
142 <div class="zcfg"> 105 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70%
143 <div class="zcfg-top"> 106 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利
144 <span>爬山虎国土空间规划信息化解决</span> 107 </div>
145 </div> 108 <div id="page"></div>
146 <div class="zcfg-body">
147 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
148 </div>
149 <div class="zcfg-bottom">
150 <span>2020-10-28</span>
151 </div>
152 </div>
153 <div class="zcfg">
154 <div class="zcfg-top">
155 <span>爬山虎国土空间规划信息化解决</span>
156 </div> 109 </div>
157 <div class="zcfg-body"> 110 <div class="right">
158 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span> 111 <div class="right-top">
159 </div> 112 <h2>新闻推荐</h2>
160 <div class="zcfg-bottom"> 113 </div>
161 <span>2020-10-28</span> 114 <div class="right-body">
115 <div class="tj">
116 <img
117 src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
118 <span class="tj-title">
119 爬山虎国土空间信息化解决方案
120 </span>
121 <span class="tj-date">
122 2020-12-12
123 </span>
124 </div>
125 <div class="tj">
126 <img
127 src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
128 <span class="tj-title">
129 爬山虎国土空间信息化解决方案终极方案
130 </span>
131 <span class="tj-date">
132 2020-12-12
133 </span>
134 </div>
135 </div>
136 <div class="right-bottom">
137 <div class="right-bottom-top">
138 <span>政策法规推荐</span>
139 </div>
140 <div class="zcfg">
141 <div class="zcfg-top">
142 <span>爬山虎国土空间规划信息化解决</span>
143 </div>
144 <div class="zcfg-body">
145 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
146 </div>
147 <div class="zcfg-bottom">
148 <span>2020-10-28</span>
149 </div>
150 </div>
151 <div class="zcfg">
152 <div class="zcfg-top">
153 <span>爬山虎国土空间规划信息化解决</span>
154 </div>
155 <div class="zcfg-body">
156 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
157 </div>
158 <div class="zcfg-bottom">
159 <span>2020-10-28</span>
160 </div>
161 </div>
162 </div>
162 </div> 163 </div>
163 </div> 164 </div>
164 </div> 165 </div>
165 </div> 166 </div>
166 </div> 167 </div>
167 </div>
168 168
169 <div class="footer"> 169 <div class="footer">
170 <div class="system_service"> 170 <div class="system_service">
171 <ul class=""> 171 <ul class="">
172 <li> 172 <li>
173 <a href=""> 173 <a href="">
174 <span>公示公告</span> 174 <span>公示公告</span>
175 </a> 175 </a>
176 </li> 176 </li>
177 <li> 177 <li>
178 <a href=""> 178 <a href="">
179 <span>法律法规</span> 179 <span>法律法规</span>
180 </a> 180 </a>
181 </li> 181 </li>
182 <li> 182 <li>
183 <a href=""> 183 <a href="">
184 <span>相应政策</span> 184 <span>相应政策</span>
185 </a> 185 </a>
186 </li> 186 </li>
187 <li> 187 <li>
188 <a href=""> 188 <a href="">
189 <span>下载服务</span> 189 <span>下载服务</span>
190 </a> 190 </a>
191 </li> 191 </li>
192 <li> 192 <li>
193 <a href="">
194 <span>关于我们</span>
195 </a>
196 </li>
197 </ul>
198 </div>
199 <div class="subject">
200 <div class="footer_logo">
193 <a href=""> 201 <a href="">
194 <span>关于我们</span> 202 <img src="./../../staticImages/jiguan.png">
195 </a> 203 </a>
196 </li> 204 </div>
197 </ul> 205 <ul>
198 </div> 206 <li>
199 <div class="subject"> 207 西安市自然资源和规划局
200 <div class="footer_logo"> 208 </li>
201 <a href=""> 209 <li>
202 <img src="./../../staticImages/jiguan.png"> 210 电话：028-456465
203 </a> 211 </li>
212 <li>
213 地址：西安市丰城8路
214 </li>
215 <li>
216 网站标识吗：87987987
217 </li>
218 <li>
219 备案：陕IPC456465465
220 </li>
221 <li>
222 陕公网备案：456465465
223 </li>
224 </ul>
225 <ol>
226 <li>
227 <img src="./../../staticImages/code.png">
228 <p>扫描关注公众号</p>
229 </li>
230 <li>
231 <img src="./../../staticImages/code.png">
232 <p>扫描关注公众号</p>
233 </li>
234 </ol>
204 </div> 235 </div>
205 <ul>
206 <li>
207 西安市自然资源和规划局
208 </li>
209 <li>
210 电话：028-456465
211 </li>
212 <li>
213 地址：西安市丰城8路
214 </li>
215 <li>
216 网站标识吗：87987987
217 </li>
218 <li>
219 备案：陕IPC456465465
220 </li>
221 <li>
222 陕公网备案：456465465
223 </li>
224 </ul>
225 <ol>
226 <li>
227 <img src="./../../staticImages/code.png">
228 <p>扫描关注公众号</p>
229 </li>
230 <li>
231 <img src="./../../staticImages/code.png">
232 <p>扫描关注公众号</p>
233 </li>
234 </ol>
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>
......