提交 c10747eb authored 作者: 朱政's avatar 朱政

fix:智库概览页及详情页列表样式问题修改,以及智库百科基本信息样式修改

上级 fb3af8fe
流水线 #341 已通过 于阶段
in 1 分 38 秒
...@@ -100,7 +100,7 @@ ...@@ -100,7 +100,7 @@
</div> </div>
<div class="right-footer"> <div class="right-footer">
<div class="info"> <div class="info">
{{ total }}智库报告 {{ total }}国会听证会
</div> </div>
<div class="page-box"> <div class="page-box">
<el-pagination :page-size="10" background layout="prev, pager, next" :total="total" <el-pagination :page-size="10" background layout="prev, pager, next" :total="total"
...@@ -290,7 +290,7 @@ const handleToReportDetail = item => { ...@@ -290,7 +290,7 @@ const handleToReportDetail = item => {
gap: 16px; gap: 16px;
height: 100%; height: 100%;
margin-bottom: 100px; margin-bottom: 80px;
...@@ -489,14 +489,9 @@ const handleToReportDetail = item => { ...@@ -489,14 +489,9 @@ const handleToReportDetail = item => {
.right { .right {
width: 1224px; width: 1224px;
.card-box { .card-box {
height: 100%;
display: flex; display: flex;
......
...@@ -70,7 +70,7 @@ ...@@ -70,7 +70,7 @@
</div> </div>
<div class="right-footer"> <div class="right-footer">
<div class="info"> <div class="info">
{{ total }}智库报告 {{ total }}调查项目
</div> </div>
<div class="page-box"> <div class="page-box">
<el-pagination :page-size="12" background layout="prev, pager, next" :total="total" <el-pagination :page-size="12" background layout="prev, pager, next" :total="total"
...@@ -218,6 +218,7 @@ const handleToReportDetail = item => { ...@@ -218,6 +218,7 @@ const handleToReportDetail = item => {
.main-content { .main-content {
display: flex; display: flex;
gap: 16px; gap: 16px;
margin-bottom: 80px;
.left { .left {
width: 360px; width: 360px;
...@@ -359,11 +360,10 @@ const handleToReportDetail = item => { ...@@ -359,11 +360,10 @@ const handleToReportDetail = item => {
.right { .right {
width: 1284px; width: 1284px;
height: 1377px;
.card-box { .card-box {
width: 1226px;
height: 1248px;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
......
...@@ -219,6 +219,7 @@ const handleToReportDetail = item => { ...@@ -219,6 +219,7 @@ const handleToReportDetail = item => {
.main-content { .main-content {
display: flex; display: flex;
gap: 16px; gap: 16px;
margin-bottom: 80px;
.left { .left {
width: 360px; width: 360px;
...@@ -359,12 +360,10 @@ const handleToReportDetail = item => { ...@@ -359,12 +360,10 @@ const handleToReportDetail = item => {
} }
.right { .right {
width: 1284px;
height: 1377px;
.card-box { .card-box {
width: 1226px;
height: 1248px;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
......
...@@ -819,7 +819,7 @@ onMounted(() => { ...@@ -819,7 +819,7 @@ onMounted(() => {
display: flex; display: flex;
margin-top: 12px; margin-top: 12px;
width: 332px; width: 332px;
height: 24px;
margin-left: 34px; margin-left: 34px;
.item-left { .item-left {
...@@ -836,7 +836,7 @@ onMounted(() => { ...@@ -836,7 +836,7 @@ onMounted(() => {
.item-right { .item-right {
width: 240px; width: 240px;
height: 24px;
color: rgba(59, 65, 75, 1); color: rgba(59, 65, 75, 1);
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
font-size: 16px; font-size: 16px;
......
...@@ -53,7 +53,7 @@ ...@@ -53,7 +53,7 @@
</div> </div>
</div> </div>
<div class="right-footer"> <div class="right-footer">
<div class="info">{{ total }}政府报告</div> <div class="info">{{ total }}智库报告</div>
<div class="page-box"> <div class="page-box">
<el-pagination :page-size="12" background layout="prev, pager, next" :total="total" <el-pagination :page-size="12" background layout="prev, pager, next" :total="total"
@current-change="emit('page-change', $event)" :current-page="currentPage" /> @current-change="emit('page-change', $event)" :current-page="currentPage" />
...@@ -198,8 +198,7 @@ const formatDate = (str) => { ...@@ -198,8 +198,7 @@ const formatDate = (str) => {
.card-box { .card-box {
width: 1226px; width: 1226px;
max-height: 1248px;
min-height: 616px;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 16px 16px; gap: 16px 16px;
......
...@@ -54,7 +54,7 @@ ...@@ -54,7 +54,7 @@
</div> </div>
</div> </div>
<div class="right-footer"> <div class="right-footer">
<div class="info">{{ total }}智库报告</div> <div class="info">{{ total }}调查项目</div>
<div class="page-box"> <div class="page-box">
<el-pagination :page-size="12" background layout="prev, pager, next" :total="total" <el-pagination :page-size="12" background layout="prev, pager, next" :total="total"
@current-change="emit('page-change', $event)" :current-page="currentPage" /> @current-change="emit('page-change', $event)" :current-page="currentPage" />
...@@ -174,8 +174,7 @@ const handleTimeGroupChange = (val) => { ...@@ -174,8 +174,7 @@ const handleTimeGroupChange = (val) => {
.card-box { .card-box {
width: 1226px; width: 1226px;
max-height: 1248px;
min-height: 616px;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 16px 16px; gap: 16px 16px;
......
...@@ -87,7 +87,7 @@ ...@@ -87,7 +87,7 @@
</div> </div>
<div class="right-footer"> <div class="right-footer">
<div class="info"> <div class="info">
{{ hearingData.length }}智库报告 {{ hearingData.length }}国会听证会
</div> </div>
<div class="page-box"> <div class="page-box">
<el-pagination :page-size="pageSize" background layout="prev, pager, next" :total="total" <el-pagination :page-size="pageSize" background layout="prev, pager, next" :total="total"
...@@ -193,9 +193,9 @@ const handlePageChange = page => { ...@@ -193,9 +193,9 @@ const handlePageChange = page => {
width: 1600px; width: 1600px;
display: flex; display: flex;
gap: 16px; gap: 16px;
}
.left {
.left {
width: 360px; width: 360px;
height: 100%; height: 100%;
padding-bottom: 24px; padding-bottom: 24px;
...@@ -205,9 +205,9 @@ const handlePageChange = page => { ...@@ -205,9 +205,9 @@ const handlePageChange = page => {
box-shadow: 0px 0px 20px 0px rgba(94, 95, 95, 0.1); box-shadow: 0px 0px 20px 0px rgba(94, 95, 95, 0.1);
background: rgba(255, 255, 255, 1); background: rgba(255, 255, 255, 1);
position: relative; position: relative;
} }
.select-box-header { .select-box-header {
display: flex; display: flex;
gap: 17px; gap: 17px;
...@@ -230,26 +230,26 @@ const handlePageChange = page => { ...@@ -230,26 +230,26 @@ const handlePageChange = page => {
letter-spacing: 1px; letter-spacing: 1px;
text-align: left; text-align: left;
} }
} }
.select-research-box { .select-research-box {
width: 360px; width: 360px;
height: 284px; height: 284px;
margin-top: 16px; margin-top: 16px;
} }
.select-time-box { .select-time-box {
margin-top: 16px; margin-top: 16px;
width: 360px; width: 360px;
} }
.select-hearing-box { .select-hearing-box {
margin-top: 16px; margin-top: 16px;
width: 360px; width: 360px;
} }
.select-main { .select-main {
margin-left: 24px; margin-left: 24px;
margin-top: 12px; margin-top: 12px;
...@@ -270,9 +270,9 @@ const handlePageChange = page => { ...@@ -270,9 +270,9 @@ const handlePageChange = page => {
width: 259px; width: 259px;
gap: 4px; gap: 4px;
} }
} }
.right { .right {
width: 1224px; width: 1224px;
...@@ -286,7 +286,6 @@ const handlePageChange = page => { ...@@ -286,7 +286,6 @@ const handlePageChange = page => {
border-radius: 10px; border-radius: 10px;
box-shadow: 0px 0px 20px 0px rgba(94, 95, 95, 0.1); box-shadow: 0px 0px 20px 0px rgba(94, 95, 95, 0.1);
padding-right: 36px; padding-right: 36px;
height: 100%;
.card-content { .card-content {
width: 1211px; width: 1211px;
...@@ -298,10 +297,7 @@ const handlePageChange = page => { ...@@ -298,10 +297,7 @@ const handlePageChange = page => {
} }
} }
.right-footer {
}
.right-footer {
margin-top: 43px; margin-top: 43px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
...@@ -316,9 +312,12 @@ const handlePageChange = page => { ...@@ -316,9 +312,12 @@ const handlePageChange = page => {
letter-spacing: 0px; letter-spacing: 0px;
text-align: left; text-align: left;
} }
} }
}
.card-item { .card-item {
width: 100%; width: 100%;
height: 77px; height: 77px;
display: flex; display: flex;
...@@ -375,11 +374,12 @@ const handlePageChange = page => { ...@@ -375,11 +374,12 @@ const handlePageChange = page => {
} }
} }
} }
.divider { .divider {
height: 1px; height: 1px;
background: rgb(234, 236, 238); background: rgb(234, 236, 238);
margin: 16px 0; margin: 16px 0;
}
} }
</style> </style>
...@@ -81,7 +81,7 @@ ...@@ -81,7 +81,7 @@
</div> </div>
</div> </div>
<div class="right-footer"> <div class="right-footer">
<div class="info">{{ total }}智库报告</div> <div class="info">{{ total }}政策建议</div>
<div class="page-box"> <div class="page-box">
<el-pagination :page-size="pageSize" background layout="prev, pager, next" :total="total" <el-pagination :page-size="pageSize" background layout="prev, pager, next" :total="total"
@current-change="p => emit('page-change', p)" :current-page="currentPage" /> @current-change="p => emit('page-change', p)" :current-page="currentPage" />
...@@ -298,7 +298,7 @@ const handleYearGroupChange = (val) => { ...@@ -298,7 +298,7 @@ const handleYearGroupChange = (val) => {
.right { .right {
width: 1224px; width: 1224px;
height: 1377px;
.card-box { .card-box {
width: 100%; width: 100%;
...@@ -316,7 +316,12 @@ const handleYearGroupChange = (val) => { ...@@ -316,7 +316,12 @@ const handleYearGroupChange = (val) => {
height: 1067px; height: 1067px;
margin-top: 33px; margin-top: 33px;
margin-left: 37px; margin-left: 37px;
}
.divider {
height: 1px;
background: rgb(234, 236, 238);
margin: 16px 0;
} }
.card-item { .card-item {
...@@ -468,6 +473,10 @@ const handleYearGroupChange = (val) => { ...@@ -468,6 +473,10 @@ const handleYearGroupChange = (val) => {
} }
} }
} }
}
}
.right-footer { .right-footer {
margin-top: 43px; margin-top: 43px;
...@@ -487,11 +496,4 @@ const handleYearGroupChange = (val) => { ...@@ -487,11 +496,4 @@ const handleYearGroupChange = (val) => {
} }
} }
} }
.divider {
height: 1px;
background: rgb(234, 236, 238);
margin: 16px 0;
}
</style> </style>
...@@ -4243,7 +4243,7 @@ onBeforeUnmount(() => { ...@@ -4243,7 +4243,7 @@ onBeforeUnmount(() => {
.home-main-footer { .home-main-footer {
overflow: hidden; overflow: hidden;
background: rgba(247, 248, 249, 1); background: rgba(247, 248, 249, 1);
height: 1700px;
.home-main-footer-header { .home-main-footer-header {
width: 1600px; width: 1600px;
...@@ -4332,6 +4332,7 @@ onBeforeUnmount(() => { ...@@ -4332,6 +4332,7 @@ onBeforeUnmount(() => {
width: 1600px; width: 1600px;
display: flex; display: flex;
gap: 16px; gap: 16px;
margin-bottom: 140px;
.left { .left {
width: 360px; width: 360px;
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论