修改新闻页面的样式
Showing
2 changed files
with
57 additions
and
31 deletions
... | @@ -226,11 +226,6 @@ div.navigation { | ... | @@ -226,11 +226,6 @@ div.navigation { |
226 | width: 1200px; | 226 | width: 1200px; |
227 | margin: 0 auto; | 227 | margin: 0 auto; |
228 | } | 228 | } |
229 | |||
230 | .left { | ||
231 | border-right: 1px solid #DEDEDE; | ||
232 | } | ||
233 | |||
234 | .right { | 229 | .right { |
235 | width: 400px; | 230 | width: 400px; |
236 | } | 231 | } |
... | @@ -243,7 +238,6 @@ div.navigation { | ... | @@ -243,7 +238,6 @@ div.navigation { |
243 | display: block; | 238 | display: block; |
244 | padding-top: 10px; | 239 | padding-top: 10px; |
245 | height: 150px; | 240 | height: 150px; |
246 | border-bottom: 1px solid #DEDEDE; | ||
247 | cursor: pointer; | 241 | cursor: pointer; |
248 | } | 242 | } |
249 | 243 | ||
... | @@ -264,7 +258,13 @@ div.navigation { | ... | @@ -264,7 +258,13 @@ div.navigation { |
264 | .xw-right { | 258 | .xw-right { |
265 | padding-right: 10px; | 259 | padding-right: 10px; |
266 | } | 260 | } |
267 | 261 | .leftContainer{ | |
262 | border-right: 1px solid #DEDEDE; | ||
263 | margin-top: 61px; | ||
264 | } | ||
265 | .leftContainer li:last-child{ | ||
266 | border-bottom: 1px solid #DEDEDE; | ||
267 | } | ||
268 | .left-top { | 268 | .left-top { |
269 | width: 408px; | 269 | width: 408px; |
270 | height: 18px; | 270 | height: 18px; |
... | @@ -272,13 +272,14 @@ div.navigation { | ... | @@ -272,13 +272,14 @@ div.navigation { |
272 | font-weight: bold; | 272 | font-weight: bold; |
273 | color: #4A4A4A; | 273 | color: #4A4A4A; |
274 | line-height: 18px; | 274 | line-height: 18px; |
275 | margin-bottom: 10px; | 275 | cursor: pointer; |
276 | } | 276 | } |
277 | 277 | ||
278 | .left-body { | 278 | .left-body { |
279 | width: 687px; | 279 | width: 687px; |
280 | height: 60px; | 280 | height: 60px; |
281 | font-size: 14px; | 281 | font-size: 14px; |
282 | font-family: PingFangSC-Regular, PingFang SC; | ||
282 | font-weight: 400; | 283 | font-weight: 400; |
283 | color: #6D7278; | 284 | color: #6D7278; |
284 | line-height: 21px; | 285 | line-height: 21px; |
... | @@ -291,11 +292,12 @@ div.navigation { | ... | @@ -291,11 +292,12 @@ div.navigation { |
291 | } | 292 | } |
292 | 293 | ||
293 | .left-buttom div:nth-child(2) { | 294 | .left-buttom div:nth-child(2) { |
294 | margin-left: 10px; | 295 | margin-left: 60px; |
295 | } | 296 | } |
296 | 297 | ||
297 | .left-buttom div { | 298 | .left-buttom div { |
298 | float: left; | 299 | float: left; |
300 | line-height: 57px | ||
299 | } | 301 | } |
300 | 302 | ||
301 | .left-buttom i { | 303 | .left-buttom i { | ... | ... |
... | @@ -52,7 +52,7 @@ | ... | @@ -52,7 +52,7 @@ |
52 | <dd><a href="">电商平台</a></dd> | 52 | <dd><a href="">电商平台</a></dd> |
53 | </dl> | 53 | </dl> |
54 | </li> | 54 | </li> |
55 | <li class="layui-nav-item"><a href="../zxjf/index.html">在线缴费</a></li> | 55 | <li class="layui-nav-item"><a href="">在线缴费</a></li> |
56 | <li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li> | 56 | <li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li> |
57 | </ul> | 57 | </ul> |
58 | </div> | 58 | </div> |
... | @@ -66,29 +66,26 @@ | ... | @@ -66,29 +66,26 @@ |
66 | </div> | 66 | </div> |
67 | <div class="leftandright"> | 67 | <div class="leftandright"> |
68 | <div class="left"> | 68 | <div class="left"> |
69 | <ul class="leftContainer"> | ||
70 | <li> | ||
71 | <a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复"> | ||
72 | 前三季度主要指标由负转正 中国经济持续稳定恢复 | ||
73 | </a> | ||
69 | <a class="xw" href="./../xwxq/index.html" target="_blank"> | 74 | <a class="xw" href="./../xwxq/index.html" target="_blank"> |
70 | <div class="xw-left"> | 75 | <div class="xw-left"> |
71 | <img | 76 | <img src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg"> |
72 | src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg"> | ||
73 | </div> | 77 | </div> |
74 | <div class="xw-right"> | 78 | <div class="xw-right"> |
75 | <div class="left-top"> | ||
76 | <span> | ||
77 | 前三季度主要指标由负转正 中国经济持续稳定恢复 | ||
78 | </span> | ||
79 | </div> | ||
80 | <div class="left-body"> | 79 | <div class="left-body"> |
81 | 10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形式,农业农村部总经济师,发展 | 80 | 10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形式,农业农村部总经济师,发展 |
82 | 划司司长魏白刚介绍,今年农业收来之不易,农业农村经济保持了持续向好、稳中有进的态势,粮食丰收已成定局,预计产量达到历史最高水平 | 81 | 划司司长魏白刚介绍,今年农业收来之不易,农业农村经济保持了持续向好、稳中有进的态势,粮食丰收已成定局,预计产量达到历史最高水平 |
83 | </div> | 82 | </div> |
84 | <div class="left-buttom"> | 83 | <div class="left-buttom"> |
85 | <div class="lll"> | 84 | <div class="lll"> |
86 | <!--<i class="layui-icon layui-icon-face-smile" | 85 | 1234 |
87 | style="font-size: 30px; color: #1E9FFF;"></i>-->1234 | ||
88 | </div> | 86 | </div> |
89 | <div class="pls"> | 87 | <div class="pls"> |
90 | <!-- <i class="layui-icon layui-icon-face-smile" | 88 | 23423 |
91 | style="font-size: 30px; color: #1E9FFF;">--></i>23423 | ||
92 | </div> | 89 | </div> |
93 | <div class="left-buttom-date"> | 90 | <div class="left-buttom-date"> |
94 | 2020-12-27 | 91 | 2020-12-27 |
... | @@ -96,28 +93,53 @@ | ... | @@ -96,28 +93,53 @@ |
96 | </div> | 93 | </div> |
97 | </div> | 94 | </div> |
98 | </a> | 95 | </a> |
96 | </li> | ||
97 | <li> | ||
98 | <a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复"> | ||
99 | 前三季度主要指标由负转正 中国经济持续稳定恢复 | ||
100 | </a> | ||
99 | <a class="xw" href="./../xwxq/index.html" target="_blank"> | 101 | <a class="xw" href="./../xwxq/index.html" target="_blank"> |
100 | <div class="xw-left"> | 102 | <div class="xw-left"> |
101 | <img | 103 | <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"> | ||
103 | </div> | 104 | </div> |
104 | <div class="xw-right"> | 105 | <div class="xw-right"> |
105 | <div class="left-top"> | 106 | <div class="left-body"> |
106 | <span> | 107 | 10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形式,农业农村部总经济师,发展 |
108 | 划司司长魏白刚介绍,今年农业收来之不易,农业农村经济保持了持续向好、稳中有进的态势,粮食丰收已成定局,预计产量达到历史最高水平 | ||
109 | </div> | ||
110 | <div class="left-buttom"> | ||
111 | <div class="lll"> | ||
112 | 1234 | ||
113 | </div> | ||
114 | <div class="pls"> | ||
115 | 23423 | ||
116 | </div> | ||
117 | <div class="left-buttom-date"> | ||
118 | 2020-12-27 | ||
119 | </div> | ||
120 | </div> | ||
121 | </div> | ||
122 | </a> | ||
123 | </li> | ||
124 | <li> | ||
125 | <a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复"> | ||
107 | 前三季度主要指标由负转正 中国经济持续稳定恢复 | 126 | 前三季度主要指标由负转正 中国经济持续稳定恢复 |
108 | </span> | 127 | </a> |
128 | <a class="xw" href="./../xwxq/index.html" target="_blank"> | ||
129 | <div class="xw-left"> | ||
130 | <img src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg"> | ||
109 | </div> | 131 | </div> |
132 | <div class="xw-right"> | ||
110 | <div class="left-body"> | 133 | <div class="left-body"> |
111 | <span>10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形式,农业农村部总经济师,发展规划司司长魏白刚介绍,今年农业收来之不易,农业农村经济保持了持续向好、稳中有进的态势,粮食丰收已成定局,预计产量达到历史最高水平。</span> | 134 | 10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形式,农业农村部总经济师,发展 |
135 | 划司司长魏白刚介绍,今年农业收来之不易,农业农村经济保持了持续向好、稳中有进的态势,粮食丰收已成定局,预计产量达到历史最高水平 | ||
112 | </div> | 136 | </div> |
113 | <div class="left-buttom"> | 137 | <div class="left-buttom"> |
114 | <div class="lll"> | 138 | <div class="lll"> |
115 | <!-- <i class="layui-icon layui-icon-face-smile" | 139 | 1234 |
116 | style="font-size: 30px; color: #1E9FFF;">--></i>1234 | ||
117 | </div> | 140 | </div> |
118 | <div class="pls"> | 141 | <div class="pls"> |
119 | <!-- <i class="layui-icon layui-icon-face-smile" | 142 | 23423 |
120 | style="font-size: 30px; color: #1E9FFF;">--></i>23423 | ||
121 | </div> | 143 | </div> |
122 | <div class="left-buttom-date"> | 144 | <div class="left-buttom-date"> |
123 | 2020-12-27 | 145 | 2020-12-27 |
... | @@ -125,6 +147,8 @@ | ... | @@ -125,6 +147,8 @@ |
125 | </div> | 147 | </div> |
126 | </div> | 148 | </div> |
127 | </a> | 149 | </a> |
150 | </li> | ||
151 | </ul> | ||
128 | <div id="page"></div> | 152 | <div id="page"></div> |
129 | </div> | 153 | </div> |
130 | <div class="right"> | 154 | <div class="right"> | ... | ... |
-
Please register or sign in to post a comment