|
@ -2,10 +2,10 @@ |
|
|
<div> |
|
|
<div> |
|
|
<a-carousel autoplay :dots="false"> |
|
|
<a-carousel autoplay :dots="false"> |
|
|
<div v-for="item in imgList" :key="item.id"> |
|
|
<div v-for="item in imgList" :key="item.id"> |
|
|
<img style="height: 380px;cursor: pointer" :src="item.url" @click="openImg(item.url)" /> |
|
|
<img style="height: 300px;width:100%;cursor: pointer" :src="item.url" @click="openImg(item.url)" /> |
|
|
</div> |
|
|
</div> |
|
|
</a-carousel> |
|
|
</a-carousel> |
|
|
<div class="slogan"> |
|
|
<div class="slogan" v-if="route === '/'"> |
|
|
<div class="slogan-content content-1180 d-flex flex-column"> |
|
|
<div class="slogan-content content-1180 d-flex flex-column"> |
|
|
<div style="text-align-last: justify"> |
|
|
<div style="text-align-last: justify"> |
|
|
高举中国特色社会主义伟大旗帜,紧密团结在以习近平同志 |
|
|
高举中国特色社会主义伟大旗帜,紧密团结在以习近平同志 |
|
@ -27,9 +27,13 @@ export default { |
|
|
imgList: [], |
|
|
imgList: [], |
|
|
str: '', |
|
|
str: '', |
|
|
code: '0000', |
|
|
code: '0000', |
|
|
|
|
|
route: '/', |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
}, |
|
|
watch: { |
|
|
watch: { |
|
|
|
|
|
'$route.path'(val) { |
|
|
|
|
|
this.route = val; |
|
|
|
|
|
}, |
|
|
'$route.query.code'(val) { |
|
|
'$route.query.code'(val) { |
|
|
console.log('val: ', val); |
|
|
console.log('val: ', val); |
|
|
if (val) { |
|
|
if (val) { |
|
@ -42,6 +46,7 @@ export default { |
|
|
}, |
|
|
}, |
|
|
created() { |
|
|
created() { |
|
|
this.code = this.$route.query.code || '0000'; |
|
|
this.code = this.$route.query.code || '0000'; |
|
|
|
|
|
this.route = this.$route.path; |
|
|
this.getImg(); |
|
|
this.getImg(); |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
@ -72,8 +77,10 @@ export default { |
|
|
|
|
|
|
|
|
.ant-carousel >>> .slick-slide { |
|
|
.ant-carousel >>> .slick-slide { |
|
|
/* text-align: center; */ |
|
|
/* text-align: center; */ |
|
|
height: 380px; |
|
|
height: 300px; |
|
|
line-height: 380px; |
|
|
width: 100%; |
|
|
|
|
|
line-height: 300px; |
|
|
|
|
|
width: 100%; |
|
|
/* background: #364d79; */ |
|
|
/* background: #364d79; */ |
|
|
overflow: hidden; |
|
|
overflow: hidden; |
|
|
} |
|
|
} |
|
|