修改新闻页面的样式
Showing
2 changed files
with
95 additions
and
69 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,65 +66,89 @@ | ... | @@ -66,65 +66,89 @@ |
| 66 | </div> | 66 | </div> |
| 67 | <div class="leftandright"> | 67 | <div class="leftandright"> |
| 68 | <div class="left"> | 68 | <div class="left"> |
| 69 | <a class="xw" href="./../xwxq/index.html" target="_blank"> | 69 | <ul class="leftContainer"> |
| 70 | <div class="xw-left"> | 70 | <li> |
| 71 | <img | 71 | <a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复"> |
| 72 | src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg"> | 72 | 前三季度主要指标由负转正 中国经济持续稳定恢复 |
| 73 | </div> | 73 | </a> |
| 74 | <div class="xw-right"> | 74 | <a class="xw" href="./../xwxq/index.html" target="_blank"> |
| 75 | <div class="left-top"> | 75 | <div class="xw-left"> |
| 76 | <span> | 76 | <img src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg"> |
| 77 | 前三季度主要指标由负转正 中国经济持续稳定恢复 | 77 | </div> |
| 78 | </span> | 78 | <div class="xw-right"> |
| 79 | </div> | 79 | <div class="left-body"> |
| 80 | <div class="left-body"> | 80 | 10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形式,农业农村部总经济师,发展 |
| 81 | 10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形式,农业农村部总经济师,发展 | 81 | 划司司长魏白刚介绍,今年农业收来之不易,农业农村经济保持了持续向好、稳中有进的态势,粮食丰收已成定局,预计产量达到历史最高水平 |
| 82 | 划司司长魏白刚介绍,今年农业收来之不易,农业农村经济保持了持续向好、稳中有进的态势,粮食丰收已成定局,预计产量达到历史最高水平 | 82 | </div> |
| 83 | </div> | 83 | <div class="left-buttom"> |
| 84 | <div class="left-buttom"> | 84 | <div class="lll"> |
| 85 | <div class="lll"> | 85 | 1234 |
| 86 | <!--<i class="layui-icon layui-icon-face-smile" | 86 | </div> |
| 87 | style="font-size: 30px; color: #1E9FFF;"></i>-->1234 | 87 | <div class="pls"> |
| 88 | </div> | 88 | 23423 |
| 89 | <div class="pls"> | 89 | </div> |
| 90 | <!-- <i class="layui-icon layui-icon-face-smile" | 90 | <div class="left-buttom-date"> |
| 91 | style="font-size: 30px; color: #1E9FFF;">--></i>23423 | 91 | 2020-12-27 |
| 92 | </div> | 92 | </div> |
| 93 | <div class="left-buttom-date"> | 93 | </div> |
| 94 | 2020-12-27 | 94 | </div> |
| 95 | </div> | 95 | </a> |
| 96 | </div> | 96 | </li> |
| 97 | </div> | 97 | <li> |
| 98 | </a> | 98 | <a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复"> |
| 99 | <a class="xw" href="./../xwxq/index.html" target="_blank"> | 99 | 前三季度主要指标由负转正 中国经济持续稳定恢复 |
| 100 | <div class="xw-left"> | 100 | </a> |
| 101 | <img | 101 | <a class="xw" href="./../xwxq/index.html" target="_blank"> |
| 102 | src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg"> | 102 | <div class="xw-left"> |
| 103 | </div> | 103 | <img src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg"> |
| 104 | <div class="xw-right"> | 104 | </div> |
| 105 | <div class="left-top"> | 105 | <div class="xw-right"> |
| 106 | <span> | 106 | <div class="left-body"> |
| 107 | 前三季度主要指标由负转正 中国经济持续稳定恢复 | 107 | 10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形式,农业农村部总经济师,发展 |
| 108 | </span> | 108 | 划司司长魏白刚介绍,今年农业收来之不易,农业农村经济保持了持续向好、稳中有进的态势,粮食丰收已成定局,预计产量达到历史最高水平 |
| 109 | </div> | 109 | </div> |
| 110 | <div class="left-body"> | 110 | <div class="left-buttom"> |
| 111 | <span>10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形式,农业农村部总经济师,发展规划司司长魏白刚介绍,今年农业收来之不易,农业农村经济保持了持续向好、稳中有进的态势,粮食丰收已成定局,预计产量达到历史最高水平。</span> | 111 | <div class="lll"> |
| 112 | </div> | 112 | 1234 |
| 113 | <div class="left-buttom"> | 113 | </div> |
| 114 | <div class="lll"> | 114 | <div class="pls"> |
| 115 | <!-- <i class="layui-icon layui-icon-face-smile" | 115 | 23423 |
| 116 | style="font-size: 30px; color: #1E9FFF;">--></i>1234 | 116 | </div> |
| 117 | </div> | 117 | <div class="left-buttom-date"> |
| 118 | <div class="pls"> | 118 | 2020-12-27 |
| 119 | <!-- <i class="layui-icon layui-icon-face-smile" | 119 | </div> |
| 120 | style="font-size: 30px; color: #1E9FFF;">--></i>23423 | 120 | </div> |
| 121 | </div> | 121 | </div> |
| 122 | <div class="left-buttom-date"> | 122 | </a> |
| 123 | 2020-12-27 | 123 | </li> |
| 124 | </div> | 124 | <li> |
| 125 | </div> | 125 | <a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复"> |
| 126 | </div> | 126 | 前三季度主要指标由负转正 中国经济持续稳定恢复 |
| 127 | </a> | 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"> | ||
| 131 | </div> | ||
| 132 | <div class="xw-right"> | ||
| 133 | <div class="left-body"> | ||
| 134 | 10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形式,农业农村部总经济师,发展 | ||
| 135 | 划司司长魏白刚介绍,今年农业收来之不易,农业农村经济保持了持续向好、稳中有进的态势,粮食丰收已成定局,预计产量达到历史最高水平 | ||
| 136 | </div> | ||
| 137 | <div class="left-buttom"> | ||
| 138 | <div class="lll"> | ||
| 139 | 1234 | ||
| 140 | </div> | ||
| 141 | <div class="pls"> | ||
| 142 | 23423 | ||
| 143 | </div> | ||
| 144 | <div class="left-buttom-date"> | ||
| 145 | 2020-12-27 | ||
| 146 | </div> | ||
| 147 | </div> | ||
| 148 | </div> | ||
| 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