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

政策解读、资讯快报title修改及更多input清除按钮

Browse Source
This commit is contained in:
熊丽君
2021-09-14 10:47:08 +08:00
parent 03af23d789
commit d6836149bb
6 changed files with 44 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -12,24 +12,21 @@
<!-- 政策解读 -->
<div class="unscramble">
<div class="title">
<div class="title_top">
<div class="title_top_l">
<img src="@/assets/image/icon4.png" alt="" />
<img src="@/assets/image/icon5.png" alt="" />
</div>
<router-link
target="_blank"
:to="{
path: '/portrait',
query: { key: 'policyRead', val: '归口' }
}"
>
<div class="title_top_r pointer">
更多<i class="el-icon-arrow-right"></i>
</div>
</router-link>
<div class="title_top_l">
<img src="@/assets/image/icon4.png" alt="" />
<img src="@/assets/image/icon5.png" alt="" />
</div>
<span>{{ date }}</span>
<router-link
target="_blank"
:to="{
path: '/portrait',
query: { key: 'policyRead', val: '归口' }
}"
>
<div class="title_top_r pointer">
更多<i class="el-icon-arrow-right"></i>
</div>
</router-link>
</div>
<div class="tab_list">
<el-tabs
@ -42,6 +39,7 @@
<el-tab-pane label="其他" name="OTHER"></el-tab-pane>
<div
class="tab_item"
style="position: relative;padding-right:50px"
v-for="(item, index) in list2"
:key="item.id"
>
@ -63,6 +61,9 @@
<i v-if="index < 3">
<img src="@/assets/image/new.png" alt="" />
</i>
<span style="position: absolute;right: 0;top: 0;">{{
parseTime(item.listDate, '{m}-{d}')
}}</span>
</div>
</el-tabs>
</div>
@ -107,6 +108,7 @@
<div class="bulletin">
<div class="title">
<div>
<img src="@/assets/image/icon4r.png" alt="" />
<img src="@/assets/image/icon6.png" alt="" />
</div>
<router-link
@ -299,10 +301,10 @@
<div>
<router-link
target="_blank"
:to="{ path: '/notice', query: { key: '3', val: '合肥高新区' } }"
:to="{ path: '/notice', query: { key: '3', val: '合肥区县' } }"
>
<img src="@/assets/image/city/18.png" alt="" />
<span>合肥高新区</span>
<span>合肥区县</span>
</router-link>
</div>
</div>
@ -404,7 +406,7 @@ export default {
pageNum: 1,
pageSize: 7
},
date: this.parseTime(new Date(), '{y}-{m}-{d}'),
// date: this.parseTime(new Date(), '{y}-{m}-{d}'),
list: [],
list2: [],
list3: []
@ -496,33 +498,22 @@ export default {
margin-top: 30px;
.title {
position: relative;
padding-right: 21px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 20px;
height: 40px;
line-height: 40px;
text-align: right;
background-color: #f3f3f3;
background-color: #3394ff;
border-radius: 6px 6px 0px 0px;
.title_top {
position: absolute;
display: flex;
justify-content: space-between;
align-items: center;
bottom: 0;
padding: 0 20px;
width: 400px;
height: 50px;
background: #3394ff;
border-radius: 6px 6px 0px 0px;
.title_top_l {
img {
vertical-align: middle;
margin-right: 10px;
}
}
.title_top_r {
font-size: 16px;
color: #fff;
}
img {
vertical-align: middle;
margin-right: 10px;
}
.title_top_r {
font-size: 16px;
color: #fff;
}
span {
font-size: 16px;
@ -550,7 +541,7 @@ export default {
color: #ffa32c;
}
span:nth-child(2) {
padding: 0 20px 0 20px;
padding: 0 10px 0 20px;
}
}
}
@ -598,13 +589,17 @@ export default {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 21px;
padding: 0 20px;
height: 40px;
background-color: #f3f3f3;
background-color: #3394ff;
border-radius: 6px 6px 0px 0px;
img {
vertical-align: middle;
margin-right: 10px;
}
.title_top_r {
font-size: 16px;
color: #666;
color: #fff;
}
}
.tab_list {