|
|
|
@ -6,108 +6,111 @@ |
|
|
|
@click="focusCpt"> |
|
|
|
|
|
|
|
<!-- 爱心互助banner组件 --> |
|
|
|
<div v-if="item.componentFrontId==='resi-functionList-heart-banner'" |
|
|
|
class="heart_banner"> |
|
|
|
<div class="subbanner"> |
|
|
|
<img v-if="item.configuration.pic" |
|
|
|
:src="item.configuration.pic"> |
|
|
|
<img v-else |
|
|
|
src="@/assets/img/modules/wx-mini/index-set/page/heart-banner.png"> |
|
|
|
<div class="d-title"> |
|
|
|
<img class="left-log" |
|
|
|
src="@/assets/img/modules/wx-mini/index-set/heart-logo.png"> |
|
|
|
<span v-if="item.configuration.title" |
|
|
|
class="s-title">{{ item.configuration.title }}</span> |
|
|
|
<span v-else |
|
|
|
class="s-title">{{ '您报名的活动即将开始' }}</span> |
|
|
|
<div v-if="item.componentFrontId==='resi-functionList-heart-banner'"> |
|
|
|
<div class="mw-cpt-banner"> |
|
|
|
<div catchtap="toHeartHome" |
|
|
|
class="d-cpt-subwrap"> |
|
|
|
|
|
|
|
<div class="d-group-no"> |
|
|
|
<img v-if="item.configuration.url" |
|
|
|
:src="item.configuration.url" |
|
|
|
mode="aspectFill"> |
|
|
|
<img v-else |
|
|
|
src="@/assets/img/modules/wx-mini/index-set/page/heart-banner.png" |
|
|
|
mode="aspectFill"> |
|
|
|
|
|
|
|
<img src="@/assets/img/modules/wx-mini/index-set/heart-back.png"> |
|
|
|
<span>{{'点击进入'}}</span> |
|
|
|
<div v-if="true" |
|
|
|
class="s-title">您报名的活动即将开始</div> |
|
|
|
<div class="d-group-no"> |
|
|
|
<span>点击进入</span> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 爱心互助最新活动组件 --> |
|
|
|
<div class="heart_news" |
|
|
|
v-if="item.componentFrontId==='resi-functionList-heart-new'"> |
|
|
|
<div v-if="item.configuration.title" |
|
|
|
class="d-cpt-title">{{item.configuration.title}}</div> |
|
|
|
<div v-else |
|
|
|
class="d-cpt-title">{{item.configuration.title}} |
|
|
|
<!-- <div class="more">查看更多</div> --> |
|
|
|
</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-time"> |
|
|
|
<div class="d-news-time-title"> |
|
|
|
<img src="@/assets/img/modules/wx-mini/index-set/pavilion.png"> |
|
|
|
<span>活动时间：</span> |
|
|
|
</div> |
|
|
|
<div class="d-news-time-item"> |
|
|
|
<span>{{ subitem.time1 }}</span> |
|
|
|
<span>{{ subitem.time2 }}</span> |
|
|
|
<div v-if="item.componentFrontId==='resi-functionList-heart-new'"> |
|
|
|
<div class="m-news"> |
|
|
|
<div class="cpt-title"> |
|
|
|
<div class="cpt-title-t">{{item.configuration.title}}</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="list"> |
|
|
|
<div data-id=" subitem.actId " |
|
|
|
class="item" |
|
|
|
:key="subindex" |
|
|
|
v-for="(subitem, subindex) in item.demoData.list"> |
|
|
|
<div class="img"> |
|
|
|
|
|
|
|
<img v-if="subitem.pic" |
|
|
|
:src="subitem.pic"> |
|
|
|
<img v-else |
|
|
|
src="@/assets/img/modules/wx-mini/index-set/page/news-pic.png"> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
<div class="d-news-adress"> |
|
|
|
<img src="@/assets/img/modules/wx-mini/index-set/pavilion.png"> |
|
|
|
<span>活动地点：{{ subitem.adress }}</span> |
|
|
|
<div class="info"> |
|
|
|
<div class="d-news-title">{{ subitem.title }}</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
<div class="d-news-state"> |
|
|
|
<span class="d-news-state-limit">活动名额 12人</span> |
|
|
|
<span class="d-news-state-act">已报名 9人</span> |
|
|
|
<div class="d-news-time">时间：{{ subitem.time2 }}</div> |
|
|
|
<div class="d-news-else"> |
|
|
|
|
|
|
|
<span>地点：{{ subitem.adress }}</span> |
|
|
|
</div> |
|
|
|
<div class="d-news-state"> |
|
|
|
<span class="d-news-state-limit">活动名额 12人，</span> |
|
|
|
<span class="d-news-state-act">已报名 9人</span> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 爱心互助历史回顾组件 --> |
|
|
|
<div class="heart_news" |
|
|
|
v-if="item.componentFrontId==='resi-functionList-heart-history'"> |
|
|
|
<div v-if="item.configuration.title" |
|
|
|
class="d-cpt-title">{{item.configuration.title}}</div> |
|
|
|
<div v-else |
|
|
|
class="d-cpt-title">{{item.configuration.title}} |
|
|
|
<!-- <div class="more">查看更多</div> --> |
|
|
|
</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-time"> |
|
|
|
<div class="d-news-time-title"> |
|
|
|
<img src="@/assets/img/modules/wx-mini/index-set/pavilion.png"> |
|
|
|
<span>活动时间：</span> |
|
|
|
<div v-if="item.componentFrontId==='resi-functionList-heart-history'"> |
|
|
|
<div class="m-news"> |
|
|
|
<div class="cpt-title"> |
|
|
|
<div class="cpt-title-t">{{item.configuration.title}}</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="list"> |
|
|
|
<div data-id=" subitem.actId " |
|
|
|
class="item" |
|
|
|
:key="subindex" |
|
|
|
v-for="(subitem, subindex) in item.demoData.list"> |
|
|
|
<div class="img"> |
|
|
|
|
|
|
|
<img v-if="subitem.pic" |
|
|
|
:src="subitem.pic"> |
|
|
|
<img v-else |
|
|
|
src="@/assets/img/modules/wx-mini/index-set/page/news-pic.png"> |
|
|
|
|
|
|
|
</div> |
|
|
|
<div class="d-news-time-item"> |
|
|
|
<span>{{ subitem.time1 }}</span> |
|
|
|
<span>{{ subitem.time2 }}</span> |
|
|
|
|
|
|
|
<div class="info"> |
|
|
|
<div class="d-news-title">{{ subitem.title }}</div> |
|
|
|
|
|
|
|
<div class="d-news-time">时间：{{ subitem.time2 }}</div> |
|
|
|
<div class="d-news-else"> |
|
|
|
|
|
|
|
<span>地点：{{ subitem.adress }}</span> |
|
|
|
</div> |
|
|
|
<div class="d-news-state"> |
|
|
|
<span class="d-news-state-limit">活动名额 12人，</span> |
|
|
|
<span class="d-news-state-act">已报名 9人</span> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
<div class="d-news-adress"> |
|
|
|
<img src="@/assets/img/modules/wx-mini/index-set/pavilion.png"> |
|
|
|
<span>活动地点：{{ subitem.adress }}</span> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -127,8 +130,12 @@ export default { |
|
|
|
isFocused: Boolean, |
|
|
|
item: Object |
|
|
|
}, |
|
|
|
mounted () { |
|
|
|
console.log(this.item) |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
|
|
|
|
|
|
|
|
focusCpt () { |
|
|
|
this.$emit('focusCpt', this.item) |
|
|
|
} |
|
|
|
|
jiangyy
4 years ago
