You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
100 lines
2.9 KiB
100 lines
2.9 KiB
4 years ago
|
<template>
|
||
|
|
<div class="mw-cpt a-fade-in"
|
||
|
|
:ref="item.tempOnlyId"
|
||
|
|
:title="item.componentName"
|
||
|
|
:class="{'z-focused': isFocused}"
|
||
|
|
@click="focusCpt">
|
||
|
|
|
||
|
|
<!-- 党建声音-轮播图组件 -->
|
||
|
|
<div class="mw-cpt-swiper"
|
||
|
|
v-if="item.componentFrontId==='resi-topList-voice-hotNewsSwiper'">
|
||
|
|
<div class="d-cpt-wrap">
|
||
|
|
<div class="d-cpt-subwrap">
|
||
|
|
<img v-if="item.demoData.pic"
|
||
|
|
:src="item.demoData.pic">
|
||
|
|
<img v-else
|
||
|
|
src="@/assets/img/modules/wx-mini/index-set/page/swiper-bg.png">
|
||
|
|
<div>
|
||
|
|
<span>{{ item.demoData.title }}</span>
|
||
|
|
<i></i>
|
||
|
|
<i></i>
|
||
|
|
<i></i>
|
||
|
|
<i class="z-on"></i>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- 党建声音-最新发布 -->
|
||
|
|
<div class="mw-cpt-cnt_news"
|
||
|
|
v-else-if="item.componentFrontId==='resi-functionList-voice-newsList'">
|
||
|
|
<div class="d-cpt-wrap">
|
||
|
|
<div class="d-cpt-title">党建声音</div>
|
||
|
|
<div class="list">
|
||
|
|
<div class="item"
|
||
|
|
:key="subindex"
|
||
|
|
v-for="(subitem, subindex) in item.demoData.list">
|
||
|
|
<img v-if="subitem.pic"
|
||
|
|
:src="subitem.pic">
|
||
|
|
<img v-else
|
||
|
|
src="@/assets/img/modules/wx-mini/index-set/page/news-pic.png">
|
||
|
|
<div class="d-news-title">{{ subitem.title }}</div>
|
||
|
|
<div class="d-news-info">
|
||
|
|
<img src="@/assets/img/modules/wx-mini/index-set/pavilion.png">
|
||
|
|
<span>来源：{{ subitem.author }}</span>
|
||
|
|
<span class="f-fr">{{ subitem.date }}</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- 党建声音-特色文章组件 -->
|
||
|
|
<div class="mw-cpt-cnt_news"
|
||
|
|
v-else-if="item.componentFrontId==='resi-functionList-voice-newsList2'">
|
||
|
|
<div class="d-cpt-wrap">
|
||
|
|
<div class="d-cpt-title">党建声音</div>
|
||
|
|
<div class="list">
|
||
|
|
<div class="item"
|
||
|
|
:key="subindex"
|
||
|
|
v-for="(subitem, subindex) in item.demoData.list">
|
||
|
|
<img v-if="subitem.pic"
|
||
|
|
:src="subitem.pic">
|
||
|
|
<img v-else
|
||
|
|
src="@/assets/img/modules/wx-mini/index-set/page/news-pic.png">
|
||
|
|
<div class="d-news-title">{{ subitem.title }}</div>
|
||
|
|
<div class="d-news-info">
|
||
|
|
<img src="@/assets/img/modules/wx-mini/index-set/pavilion.png">
|
||
|
|
<span>来源：{{ subitem.author }}</span>
|
||
|
|
<span class="f-fr">{{ subitem.date }}</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: 'cptItem',
|
||
|
|
data () {
|
||
|
|
return {}
|
||
|
|
},
|
||
|
|
components: {
|
||
|
|
},
|
||
|
|
props: {
|
||
|
|
isFocused: Boolean,
|
||
|
|
item: Object
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
|
||
|
|
focusCpt () {
|
||
|
|
this.$emit('focusCpt', this.item)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|