Skip to content

任超 / js.portalStaticPage

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

style:新闻动态

1 parent cb0aacb1
Inline Side-by-side
Showing 2 changed files with 226 additions and 203 deletions
...@@ -125,8 +125,7 @@ div.navigation { ...@@ -125,8 +125,7 @@ div.navigation {
125 .navigation_crumbs { 125 .navigation_crumbs {
126 width: 100%; 126 width: 100%;
127 padding: 10px 0; 127 padding: 10px 0;
128 line-height: 25px; 128 ` background: #FAFAFA;
129 background: #FAFAFA;
130 border: 1px solid #E6E6E6; 129 border: 1px solid #E6E6E6;
131 } 130 }
132 .navigation_crumbs .layui-breadcrumb a:hover { 131 .navigation_crumbs .layui-breadcrumb a:hover {
...@@ -220,10 +219,15 @@ div.navigation { ...@@ -220,10 +219,15 @@ div.navigation {
220 } 219 }
221 220
222 .xw { 221 .xw {
222 display: block;
223 padding-top: 10px; 223 padding-top: 10px;
224 height: 150px; 224 height: 150px;
225 border-bottom-style: inset; 225 border-bottom-style: inset;
226 border-bottom: 1px solid #DEDEDE; 226 border-bottom: 1px solid #DEDEDE;
227 cursor: pointer;
228 }
229 .xw-left {
230 margin-right: 20px;
227 } 231 }
228 232
229 .xw-left img { 233 .xw-left img {
...@@ -235,7 +239,9 @@ div.navigation { ...@@ -235,7 +239,9 @@ div.navigation {
235 .xw-left, .xw-right { 239 .xw-left, .xw-right {
236 float: left; 240 float: left;
237 } 241 }
238 242 .xw-right {
243 padding-right: 10px;
244 }
239 .left-top { 245 .left-top {
240 width: 408px; 246 width: 408px;
241 height: 18px; 247 height: 18px;
...@@ -244,6 +250,7 @@ div.navigation { ...@@ -244,6 +250,7 @@ div.navigation {
244 font-weight: bold; 250 font-weight: bold;
245 color: #4A4A4A; 251 color: #4A4A4A;
246 line-height: 18px; 252 line-height: 18px;
253 margin-bottom: 10px;
247 } 254 }
248 255
249 .left-body { 256 .left-body {
...@@ -255,10 +262,24 @@ div.navigation { ...@@ -255,10 +262,24 @@ div.navigation {
255 color: #6D7278; 262 color: #6D7278;
256 line-height: 21px; 263 line-height: 21px;
257 } 264 }
265 .left-buttom {
266 overflow: hidden;
267 color: #9B9B9B;
268 padding-top: 20px;
269 }
270 .left-buttom div:nth-child(2) {
271 margin-left: 10px;
272 }
258 273
259 .left-buttom div { 274 .left-buttom div {
260 float: left; 275 float: left;
261 } 276 }
277 .left-buttom i {
278 font-size: 14px!important;
279 color: #9B9B9B;
280 margin-right: 10px;
281
282 }
262 283
263 .left-buttom-date { 284 .left-buttom-date {
264 line-height: 57px; 285 line-height: 57px;
......
...@@ -18,241 +18,243 @@ ...@@ -18,241 +18,243 @@
18 </head> 18 </head>
19 19
20 <body> 20 <body>
21 <div> 21 <div>
22 <div class="main"> 22 <div class="main">
23 23
24 <div class="subject top-logo"> 24 <div class="subject top-logo">
25 <div class="top_logo_content"> 25 <div class="top_logo_content">
26 <h1><a href="index.html"><img src="./../../staticImages/logo.jpg" alt="西安市不动产登记平台"/></a></h1> 26 <h1><a href="index.html"><img src="./../../staticImages/logo.jpg" alt="西安市不动产登记平台" /></a></h1>
27 27
28 <div class="top_logo_search"> 28 <div class="top_logo_search">
29 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索" 29 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索"
30 autocomplete="off" 30 autocomplete="off" class="layui-input">
31 class="layui-input"> 31 <i class="layui-icon layui-icon-search" style="font-size: 14px;"></i>
32 <i class="layui-icon layui-icon-search" style="font-size: 14px;"></i> 32 </div>
33 </div>
34 33
35 <ul class="login"> 34 <ul class="login">
36 <li>登录</li> 35 <li>登录</li>
37 <li>注册</li> 36 <li>注册</li>
38 </ul> 37 </ul>
38 </div>
39 </div> 39 </div>
40 </div> 40 <div class="navigation">
41 <div class="navigation"> 41 <ul class="layui-nav layui-bg-blue" lay-filter="">
42 <ul class="layui-nav layui-bg-blue" lay-filter=""> 42 <li class="layui-nav-item "><a href="./../../staticIndex.html">首页</a></li>
43 <li class="layui-nav-item "><a href="./../../staticIndex.html">首页</a></li> 43 <li class="layui-nav-item layui-this"><a href="./index.html">新闻动态</a></li>
44 <li class="layui-nav-item layui-this"><a href="./index.html">新闻动态</a></li> 44 <li class="layui-nav-item"><a href="">业务办理</a></li>
45 <li class="layui-nav-item"><a href="">业务办理</a></li> 45 <li class="layui-nav-item"><a href="./../../staticViews/bszn/index.html">办事指南</a></li>
46 <li class="layui-nav-item"><a href="./../../staticViews/bszn/index.html">办事指南</a></li> 46 <li class="layui-nav-item">
47 <li class="layui-nav-item"> 47 <a href="javascript:;">查验中心</a>
48 <a href="javascript:;">查验中心</a> 48 <dl class="layui-nav-child">
49 <dl class="layui-nav-child"> 49 <!-- 二级菜单 -->
50 <!-- 二级菜单 --> 50 <dd><a href="">移动模块</a></dd>
51 <dd><a href="">移动模块</a></dd> 51 <dd><a href="">后台模版</a></dd>
52 <dd><a href="">后台模版</a></dd> 52 <dd><a href="">电商平台</a></dd>
53 <dd><a href="">电商平台</a></dd> 53 </dl>
54 </dl> 54 </li>
55 </li> 55 <li class="layui-nav-item"><a href="">在线缴费</a></li>
56 <li class="layui-nav-item"><a href="">在线缴费</a></li> 56 <li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
57 <li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li> 57 </ul>
58 </ul>
59 </div>
60 <div class="navigation_crumbs">
61 <div class="contentBox">
62 <span class="layui-breadcrumb">
63 <a href="../../index.html">首页</a>
64 <a><cite>新闻动态</cite></a>
65 </span>
66 </div> 58 </div>
67 </div> 59 <div class="navigation_crumbs">
68 <div class="leftandright"> 60 <div class="contentBox">
69 <div class="left"> 61 <span class="layui-breadcrumb">
70 <div class="xw"> 62 <a href="../../staticIndex.html">首页</a>
71 <div class="xw-left"> 63 <a><cite>新闻动态</cite></a>
72 <img src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
73 </div>
74 <div class="xw-right">
75 <div class="left-top">
76 <span>
77 前三季度主要指标由负转正 中国经济持续稳定恢复
78 </span> 64 </span>
65 </div>
66 </div>
67 <div class="leftandright">
68 <div class="left">
69 <a class="xw">
70 <div class="xw-left">
71 <img
72 src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
79 </div> 73 </div>
80 <div class="left-body"> 74 <div class="xw-right">
81 <span>10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形式,农业农村部总经济师,发展规划司司长魏白刚介绍,今年农业收来之不易,农业农村经济保持了持续向好、稳中有进的态势，粮食丰收已成定局，预计产量达到历史最高水平。</span> 75 <div class="left-top">
82 </div> 76 <span>
83 <div class="left-buttom"> 77 前三季度主要指标由负转正 中国经济持续稳定恢复
84 <div> 78 </span>
85 <i class="layui-icon layui-icon-face-smile"
86 style="font-size: 30px; color: #1E9FFF;"></i>1234
87 </div> 79 </div>
88 <div> 80 <div class="left-body">
89 <i class="layui-icon layui-icon-face-smile" 81 10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形式,农业农村部总经济师,发展
90 style="font-size: 30px; color: #1E9FFF;"></i>23423 82 划司司长魏白刚介绍,今年农业收来之不易,农业农村经济保持了持续向好、稳中有进的态势，粮食丰收已成定局，预计产量达到历史最高水平
91 </div> 83 </div>
92 <div class="left-buttom-date"> 84 <div class="left-buttom">
93 2020-12-27 85 <div>
86 <i class="layui-icon layui-icon-face-smile"
87 style="font-size: 30px; color: #1E9FFF;"></i>1234
88 </div>
89 <div>
90 <i class="layui-icon layui-icon-face-smile"
91 style="font-size: 30px; color: #1E9FFF;"></i>23423
92 </div>
93 <div class="left-buttom-date">
94 2020-12-27
95 </div>
94 </div> 96 </div>
95 </div> 97 </div>
96 </div> 98 </a>
97 </div> 99 <a class="xw">
98 <div class="xw"> 100 <div class="xw-left">
99 <div class="xw-left"> 101 <img
100 <img src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg"> 102 src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
101 </div>
102 <div class="xw-right">
103 <div class="left-top">
104 <span>
105 前三季度主要指标由负转正 中国经济持续稳定恢复
106 </span>
107 </div>
108 <div class="left-body">
109 <span>10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形式,农业农村部总经济师,发展规划司司长魏白刚介绍,今年农业收来之不易,农业农村经济保持了持续向好、稳中有进的态势，粮食丰收已成定局，预计产量达到历史最高水平。</span>
110 </div> 103 </div>
111 <div class="left-buttom"> 104 <div class="xw-right">
112 <div> 105 <div class="left-top">
113 <i class="layui-icon layui-icon-face-smile" 106 <span>
114 style="font-size: 30px; color: #1E9FFF;"></i>1234 107 前三季度主要指标由负转正 中国经济持续稳定恢复
108 </span>
115 </div> 109 </div>
116 <div> 110 <div class="left-body">
117 <i class="layui-icon layui-icon-face-smile" 111 <span>10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形式,农业农村部总经济师,发展规划司司长魏白刚介绍,今年农业收来之不易,农业农村经济保持了持续向好、稳中有进的态势，粮食丰收已成定局，预计产量达到历史最高水平。</span>
118 style="font-size: 30px; color: #1E9FFF;"></i>23423
119 </div> 112 </div>
120 <div class="left-buttom-date"> 113 <div class="left-buttom">
121 2020-12-27 114 <div>
115 <i class="layui-icon layui-icon-face-smile"
116 style="font-size: 30px; color: #1E9FFF;"></i>1234
117 </div>
118 <div>
119 <i class="layui-icon layui-icon-face-smile"
120 style="font-size: 30px; color: #1E9FFF;"></i>23423
121 </div>
122 <div class="left-buttom-date">
123 2020-12-27
124 </div>
122 </div> 125 </div>
123 </div> 126 </div>
124 </div> 127 </a>
125 </div> 128 <div id="page"></div>
126 <div id="page"></div>
127 </div>
128 <div class="right">
129 <div class="right-top">
130 <h2>新闻推荐</h2>
131 </div> 129 </div>
132 <div class="right-body"> 130 <div class="right">
133 <div class="tj"> 131 <div class="right-top">
134 <img 132 <h2>新闻推荐</h2>
135 src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
136 <span class="tj-title">
137 爬山虎国土空间信息化解决方案
138 </span>
139 <span class="tj-date">
140 2020-12-12
141 </span>
142 </div> 133 </div>
143 <div class="tj"> 134 <div class="right-body">
144 <img 135 <div class="tj">
136 <img
145 src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg"> 137 src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
146 <span class="tj-title"> 138 <span class="tj-title">
147 爬山虎国土空间信息化解决方案终极方案 139 爬山虎国土空间信息化解决方案
148 </span> 140 </span>
149 <span class="tj-date"> 141 <span class="tj-date">
150 2020-12-12 142 2020-12-12
151 </span> 143 </span>
152 </div>
153 </div>
154 <div class="right-bottom">
155 <div class="right-bottom-top">
156 <span>政策法规推荐</span>
157 </div>
158 <div class="zcfg">
159 <div class="zcfg-top">
160 <span>爬山虎国土空间规划信息化解决</span>
161 </div>
162 <div class="zcfg-body">
163 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
164 </div> 144 </div>
165 <div class="zcfg-bottom"> 145 <div class="tj">
166 <span>2020-10-28</span> 146 <img
147 src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
148 <span class="tj-title">
149 爬山虎国土空间信息化解决方案终极方案
150 </span>
151 <span class="tj-date">
152 2020-12-12
153 </span>
167 </div> 154 </div>
168 </div> 155 </div>
169 <div class="zcfg"> 156 <div class="right-bottom">
170 <div class="zcfg-top"> 157 <div class="right-bottom-top">
171 <span>爬山虎国土空间规划信息化解决</span> 158 <span>政策法规推荐</span>
172 </div> 159 </div>
173 <div class="zcfg-body"> 160 <div class="zcfg">
174 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span> 161 <div class="zcfg-top">
162 <span>爬山虎国土空间规划信息化解决</span>
163 </div>
164 <div class="zcfg-body">
165 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
166 </div>
167 <div class="zcfg-bottom">
168 <span>2020-10-28</span>
169 </div>
175 </div> 170 </div>
176 <div class="zcfg-bottom"> 171 <div class="zcfg">
177 <span>2020-10-28</span> 172 <div class="zcfg-top">
173 <span>爬山虎国土空间规划信息化解决</span>
174 </div>
175 <div class="zcfg-body">
176 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
177 </div>
178 <div class="zcfg-bottom">
179 <span>2020-10-28</span>
180 </div>
178 </div> 181 </div>
179 </div> 182 </div>
180 </div> 183 </div>
181 </div> 184 </div>
182 </div>
183 185
184 186
185 </div>
186 <div class="footer">
187 <div class="system_service">
188 <ul class="">
189 <li>
190 <a href="">
191 <span>公示公告</span>
192 </a>
193 </li>
194 <li>
195 <a href="">
196 <span>法律法规</span>
197 </a>
198 </li>
199 <li>
200 <a href="">
201 <span>相应政策</span>
202 </a>
203 </li>
204 <li>
205 <a href="">
206 <span>下载服务</span>
207 </a>
208 </li>
209 <li>
210 <a href="">
211 <span>关于我们</span>
212 </a>
213 </li>
214 </ul>
215 </div> 187 </div>
216 <div class="subject"> 188 <div class="footer">
217 <div class="footer_logo"> 189 <div class="system_service">
218 <a href=""> 190 <ul class="">
219 <img src="./../../staticImages/jiguan.png"> 191 <li>
220 </a> 192 <a href="">
193 <span>公示公告</span>
194 </a>
195 </li>
196 <li>
197 <a href="">
198 <span>法律法规</span>
199 </a>
200 </li>
201 <li>
202 <a href="">
203 <span>相应政策</span>
204 </a>
205 </li>
206 <li>
207 <a href="">
208 <span>下载服务</span>
209 </a>
210 </li>
211 <li>
212 <a href="">
213 <span>关于我们</span>
214 </a>
215 </li>
216 </ul>
221 </div> 217 </div>
222 <ul> 218 <div class="subject">
223 <li> 219 <div class="footer_logo">
224 西安市自然资源和规划局 220 <a href="">
225 </li> 221 <img src="./../../staticImages/jiguan.png">
226 <li> 222 </a>
227 电话：028-456465 223 </div>
228 </li> 224 <ul>
229 <li> 225 <li>
230 地址：西安市丰城8路 226 西安市自然资源和规划局
231 </li> 227 </li>
232 <li> 228 <li>
233 网站标识吗：87987987 229 电话：028-456465
234 </li> 230 </li>
235 <li> 231 <li>
236 备案：陕IPC456465465 232 地址：西安市丰城8路
237 </li> 233 </li>
238 <li> 234 <li>
239 陕公网备案：456465465 235 网站标识吗：87987987
240 </li> 236 </li>
241 </ul> 237 <li>
242 <ol> 238 备案：陕IPC456465465
243 <li> 239 </li>
244 <img src="./../../staticImages/code.png"> 240 <li>
245 <p>扫描关注公众号</p> 241 陕公网备案：456465465
246 </li> 242 </li>
247 <li> 243 </ul>
248 <img src="./../../staticImages/code.png"> 244 <ol>
249 <p>扫描关注公众号</p> 245 <li>
250 </li> 246 <img src="./../../staticImages/code.png">
247 <p>扫描关注公众号</p>
248 </li>
249 <li>
250 <img src="./../../staticImages/code.png">
251 <p>扫描关注公众号</p>
252 </li>
251 253
252 </ol> 254 </ol>
255 </div>
253 </div> 256 </div>
254 </div> 257 </div>
255 </div>
256 </body> 258 </body>
257 259
258 </html> 260 </html>
......