Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
1d62cfbe by 焦小希
Options

修改新闻页面的样式

1 parent 3a1c2e26
Inline Side-by-side
Showing 2 changed files with 57 additions and 31 deletions
......@@ -226,11 +226,6 @@ div.navigation {
width: 1200px;
margin: 0 auto;
}
.left {
border-right: 1px solid #DEDEDE;
}
.right {
width: 400px;
}
......@@ -243,7 +238,6 @@ div.navigation {
display: block;
padding-top: 10px;
height: 150px;
border-bottom: 1px solid #DEDEDE;
cursor: pointer;
}
......@@ -264,7 +258,13 @@ div.navigation {
.xw-right {
padding-right: 10px;
}
.leftContainer{
border-right: 1px solid #DEDEDE;
margin-top: 61px;
}
.leftContainer li:last-child{
border-bottom: 1px solid #DEDEDE;
}
.left-top {
width: 408px;
height: 18px;
......@@ -272,13 +272,14 @@ div.navigation {
font-weight: bold;
color: #4A4A4A;
line-height: 18px;
margin-bottom: 10px;
cursor: pointer;
}
.left-body {
width: 687px;
height: 60px;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #6D7278;
line-height: 21px;
......@@ -291,11 +292,12 @@ div.navigation {
}
.left-buttom div:nth-child(2) {
margin-left: 10px;
margin-left: 60px;
}
.left-buttom div {
float: left;
line-height: 57px
}
.left-buttom i {
......
......@@ -52,7 +52,7 @@
<dd><a href="">电商平台</a></dd>
</dl>
</li>
<li class="layui-nav-item"><a href="../zxjf/index.html">在线缴费</a></li>
<li class="layui-nav-item"><a href="">在线缴费</a></li>
<li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
</ul>
</div>
......@@ -66,29 +66,26 @@
</div>
<div class="leftandright">
<div class="left">
<ul class="leftContainer">
<li>
<a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复">
前三季度主要指标由负转正 中国经济持续稳定恢复
</a>
<a class="xw" href="./../xwxq/index.html" target="_blank">
<div class="xw-left">
<img
src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
<img src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
</div>
<div class="xw-right">
<div class="left-top">
<span>
前三季度主要指标由负转正 中国经济持续稳定恢复
</span>
</div>
<div class="left-body">
10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形式,农业农村部总经济师,发展
划司司长魏白刚介绍,今年农业收来之不易,农业农村经济保持了持续向好、稳中有进的态势，粮食丰收已成定局，预计产量达到历史最高水平
</div>
<div class="left-buttom">
<div class="lll">
<!--<i class="layui-icon layui-icon-face-smile"
style="font-size: 30px; color: #1E9FFF;"></i>-->1234
1234
</div>
<div class="pls">
<!-- <i class="layui-icon layui-icon-face-smile"
style="font-size: 30px; color: #1E9FFF;">--></i>23423
23423
</div>
<div class="left-buttom-date">
2020-12-27
......@@ -96,28 +93,53 @@
</div>
</div>
</a>
</li>
<li>
<a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复">
前三季度主要指标由负转正 中国经济持续稳定恢复
</a>
<a class="xw" href="./../xwxq/index.html" target="_blank">
<div class="xw-left">
<img
src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
<img src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
</div>
<div class="xw-right">
<div class="left-top">
<span>
<div class="left-body">
10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形式,农业农村部总经济师,发展
划司司长魏白刚介绍,今年农业收来之不易,农业农村经济保持了持续向好、稳中有进的态势，粮食丰收已成定局，预计产量达到历史最高水平
</div>
<div class="left-buttom">
<div class="lll">
1234
</div>
<div class="pls">
23423
</div>
<div class="left-buttom-date">
2020-12-27
</div>
</div>
</div>
</a>
</li>
<li>
<a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复">
前三季度主要指标由负转正 中国经济持续稳定恢复
</span>
</a>
<a class="xw" href="./../xwxq/index.html" target="_blank">
<div class="xw-left">
<img src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
</div>
<div class="xw-right">
<div class="left-body">
<span>10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形式,农业农村部总经济师,发展规划司司长魏白刚介绍,今年农业收来之不易,农业农村经济保持了持续向好、稳中有进的态势，粮食丰收已成定局，预计产量达到历史最高水平。</span>
10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形式,农业农村部总经济师,发展
划司司长魏白刚介绍,今年农业收来之不易,农业农村经济保持了持续向好、稳中有进的态势，粮食丰收已成定局，预计产量达到历史最高水平
</div>
<div class="left-buttom">
<div class="lll">
<!-- <i class="layui-icon layui-icon-face-smile"
style="font-size: 30px; color: #1E9FFF;">--></i>1234
1234
</div>
<div class="pls">
<!-- <i class="layui-icon layui-icon-face-smile"
style="font-size: 30px; color: #1E9FFF;">--></i>23423
23423
</div>
<div class="left-buttom-date">
2020-12-27
......@@ -125,6 +147,8 @@
</div>
</div>
</a>
</li>
</ul>
<div id="page"></div>
</div>
<div class="right">
......