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.
128 lines
3.3 KiB
128 lines
3.3 KiB
<template>
|
|
<div class="mw-cpt a-fade-in"
|
|
:ref="item.tempOnlyId"
|
|
:class="{'z-focused': isFocused}"
|
|
@click="focusCpt">
|
|
|
|
<!-- 扩展功能—更多功能1 -->
|
|
<div class="extended_more1"
|
|
v-if="item.componentFrontId==='resi-functionList-extend-moreFunctionIcons'">
|
|
|
|
<div class="more_list">
|
|
<div class="more_item"
|
|
:key="subindex"
|
|
v-for="(subitem, subindex) in item.demoData.list">
|
|
|
|
<div>
|
|
<img v-if="subindex==0"
|
|
src="@/assets/img/modules/wx-mini/index-set/page/icon1.png">
|
|
<img v-else-if="subindex==1"
|
|
src="@/assets/img/modules/wx-mini/index-set/page/icon2.png">
|
|
<img v-else-if="subindex==2"
|
|
src="@/assets/img/modules/wx-mini/index-set/page/icon3.png">
|
|
<img v-else
|
|
src="@/assets/img/modules/wx-mini/index-set/page/icon4.png">
|
|
</div>
|
|
<p>{{ subitem.text }}</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 扩展功能—更多功能2 -->
|
|
<div class="extended_more2"
|
|
v-else-if="item.componentFrontId==='resi-functionList-extend-moreFunctionIcons2'">
|
|
|
|
<div class="link">
|
|
<div class="link-item">
|
|
<img src="@/assets/img/modules/wx-mini/index-set/wailian-bg.jpg"
|
|
mode="aspectFill" />
|
|
<span>{{'建议直通车'}}</span>
|
|
</div>
|
|
<div class="link-item">
|
|
<img src="@/assets/img/modules/wx-mini/index-set/wailian-bg.jpg"
|
|
mode="aspectFill" />
|
|
<span>{{'建议直通车'}}</span>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="dots">
|
|
<div class="dot z-on"></div>
|
|
<div class="dot"></div>
|
|
</div>
|
|
|
|
<!-- <div class="dots">
|
|
<i></i>
|
|
<i></i>
|
|
<i></i>
|
|
<i class="z-on"></i>
|
|
|
|
</div> -->
|
|
|
|
</div>
|
|
|
|
<!-- 扩展功能—快捷入口 -->
|
|
<div class="extended_quick"
|
|
v-if="item.componentFrontId==='resi-functionList-extend-quickentry'">
|
|
|
|
<div class="more_list">
|
|
<div class="more_item"
|
|
:key="subindex"
|
|
v-for="(subitem, subindex) in item.demoData.list">
|
|
|
|
<div>
|
|
<img v-if="subitem.icon"
|
|
:src="subitem.icon">
|
|
<img v-else
|
|
src="@/assets/img/modules/wx-mini/index-set/page/icon2.png">
|
|
|
|
</div>
|
|
<p>{{ subitem.name }}</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 扩展功能—问卷调查 -->
|
|
<div class="extended_question"
|
|
v-if="item.componentFrontId==='resi-functionList-extend-question'">
|
|
|
|
<div class="left_title">问卷 调查</div>
|
|
<!-- <div class="center_content">标题</div> -->
|
|
<div v-if="item.configuration.info &&item.configuration.info.title"
|
|
class="center_content">{{item.configuration.info.title}}</div>
|
|
<div v-else
|
|
class="center_content">{{'新闻标题'}}</div>
|
|
<div class="right_more">查看更多</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
|
|
export default {
|
|
name: 'cptItem',
|
|
data () {
|
|
return {}
|
|
},
|
|
components: {
|
|
},
|
|
props: {
|
|
isFocused: Boolean,
|
|
item: Object
|
|
},
|
|
mounted () {
|
|
|
|
},
|
|
methods: {
|
|
|
|
focusCpt () {
|
|
this.$emit('focusCpt', this.item)
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style lang="scss" src="@/assets/scss/modules/wx-mini/extended.scss"></style>
|
|
|