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.
145 lines
3.8 KiB
145 lines
3.8 KiB
<template>
|
|
<div class="mw-cpt a-fade-in"
|
|
:ref="item.tempOnlyId"
|
|
:title="item.componentName"
|
|
:class="{'z-focused': isFocused}"
|
|
@click="focusCpt">
|
|
|
|
<!-- 爱心互助banner组件 -->
|
|
<div v-if="item.componentFrontId==='resi-functionList-heart-banner'">
|
|
<div class="mw-cpt-banner">
|
|
<div catchtap="toHeartHome"
|
|
class="d-cpt-subwrap">
|
|
|
|
<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">
|
|
|
|
<div v-if="true"
|
|
class="s-title">您报名的活动即将开始</div>
|
|
<div class="d-group-no">
|
|
<span>点击进入</span>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 爱心互助最新活动组件 -->
|
|
<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 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>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 爱心互助历史回顾组件 -->
|
|
<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="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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
import nextTick from 'dai-js/tools/nextTick'
|
|
|
|
export default {
|
|
name: 'cptItem',
|
|
data () {
|
|
return {}
|
|
},
|
|
props: {
|
|
isFocused: Boolean,
|
|
item: Object
|
|
},
|
|
mounted () {
|
|
console.log(this.item)
|
|
},
|
|
methods: {
|
|
|
|
|
|
focusCpt () {
|
|
this.$emit('focusCpt', this.item)
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style lang="scss" src="@/assets/scss/modules/wx-mini/heart.scss"></style>
|
|
|