williamet/jiace-web
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

修改首页政策公告添加更多跳转（接口暂未对接）

Browse Source
This commit is contained in:
熊丽君
2021-09-15 09:52:37 +08:00
parent 3e970c59ec
commit 561091693b
4 changed files with 137 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

124
src/views/home/home.vue
View File

@ -71,39 +71,64 @@
</div>
<div class="banner_r">
<!-- 政策列表 -->
<el-tabs v-model="queryParams.labelId" @tab-click="handleClick">
<el-tab-pane
label="政策法规"
name="1415156808053559296"
></el-tab-pane>
<el-tab-pane
label="申报通知"
name="1415156963146338304"
></el-tab-pane>
<el-tab-pane
label="政府公示"
name="1415157002090450944"
></el-tab-pane>
<el-tab-pane label="公告" name="1415157026115424256"></el-tab-pane>
<el-tab-pane label="其他" name="1415157049267982336"></el-tab-pane>
<div style="min-height: 290px">
<div class="banner_r_list" v-for="item in list" :key="item.id">
<!-- <div class="text_18_333 pointer">{{ item.title }}</div> -->
<div class="text_18_333 pointer">
<router-link
target="_blank"
:to="{
path: '/result',
query: { key: 'policy', id: item.id }
}"
>
{{ item.title }}
</router-link>
</div>
<span>{{ parseTime(item.listDate, '{m}-{d}') }}</span>
</div>
<div class="title">
<div class="title_top_l">
<img src="@/assets/image/icon4l.png" alt="" />
<img src="@/assets/image/notice.png" alt="" />
</div>
</el-tabs>
<router-link
target="_blank"
:to="{
path: '/portrait',
query: { key: 'policyNotice', val: '政策公告' }
}"
>
<div class="title_top_r pointer">
更多<i class="el-icon-arrow-right"></i>
</div>
</router-link>
</div>
<div class="tab_list">
<el-tabs v-model="queryParams.labelId" @tab-click="handleClick">
<el-tab-pane
label="政策法规"
name="1415156808053559296"
></el-tab-pane>
<el-tab-pane
label="申报通知"
name="1415156963146338304"
></el-tab-pane>
<el-tab-pane
label="政府公示"
name="1415157002090450944"
></el-tab-pane>
<el-tab-pane
label="公告"
name="1415157026115424256"
></el-tab-pane>
<el-tab-pane
label="其他"
name="1415157049267982336"
></el-tab-pane>
<div style="min-height: 281px">
<div class="banner_r_list" v-for="item in list" :key="item.id">
<!-- <div class="text_18_333 pointer">{{ item.title }}</div> -->
<div class="text_18_333 pointer">
<router-link
target="_blank"
:to="{
path: '/result',
query: { key: 'policy', id: item.id }
}"
>
{{ item.title }}
</router-link>
</div>
<span>{{ parseTime(item.listDate, '{m}-{d}') }}</span>
</div>
</div>
</el-tabs>
</div>
<!-- 资讯快报 -->
<div class="bulletin">
<div class="title">
@ -455,7 +480,7 @@ export default {
// }
// }
/deep/.el-tabs__item {
padding: 0 30px;
padding: 0 25px;
font-size: 20px;
}
/deep/.el-tabs__item.is-active {
@ -551,6 +576,33 @@ export default {
.banner_r {
// width: 566px;
width: 48%;
.title {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 20px;
height: 40px;
line-height: 40px;
text-align: right;
background-color: #3394ff;
border-radius: 6px 6px 0px 0px;
img {
vertical-align: middle;
margin-right: 10px;
}
.title_top_r {
font-size: 16px;
color: #fff;
}
span {
font-size: 16px;
color: #666;
}
}
.tab_list {
padding: 0 18px;
}
// /deep/.el-tabs__item {
// padding: 0 30px;
// font-size: 20px;
@ -571,8 +623,8 @@ export default {
.banner_r_list {
padding: 0 18px;
position: relative;
height: 58px;
line-height: 58px;
height: 55px;
line-height: 55px;
div {
padding-right: 50px;
overflow: hidden;
@ -586,7 +638,7 @@ export default {
}
}
.bulletin {
margin-top: 30px;
// margin-top: 30px;
.title {
display: flex;
justify-content: space-between;