|
|
@@ -80,8 +80,13 @@
|
|
|
</div> -->
|
|
|
<div v-if="defaultCards.length > 0">
|
|
|
<div v-if="imgFlag" class="imgBox">
|
|
|
- <div v-for="(item, index) in cards" :key="index">
|
|
|
- <img class="img" :src="item.image + oss" @click="preview(item.image, getImgs(cards))" alt="" />
|
|
|
+ <div v-for="(item, index) in defaultCards" :key="index">
|
|
|
+ <img
|
|
|
+ class="img"
|
|
|
+ :src="item.image + oss"
|
|
|
+ @click="preview(item.image, getImgs(defaultCards))"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
<p class="swiper-itemTexts">×{{ item.count }}</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -157,11 +162,12 @@ export default {
|
|
|
};
|
|
|
},
|
|
|
computed: {
|
|
|
- // cardList() {
|
|
|
- // return [...this.cards].filter((item, index) => {
|
|
|
- // return index < 4;
|
|
|
- // });
|
|
|
- // },
|
|
|
+ cardList() {
|
|
|
+ let list = [...this.cards];
|
|
|
+ return list.filter((item, index) => {
|
|
|
+ return index <= 4;
|
|
|
+ });
|
|
|
+ },
|
|
|
defaultCards() {
|
|
|
return [...this.cards].filter((item, index) => {
|
|
|
return index >= 4;
|
|
|
@@ -207,6 +213,7 @@ export default {
|
|
|
this.detailsList = res.groupBoxMap;
|
|
|
this.cardCaseInfo = res.cardCaseInfo || {};
|
|
|
this.cards = res.cardCaseInfo.cardDTOs;
|
|
|
+ console.log(this.cards);
|
|
|
if (this.cards == '') {
|
|
|
this.label = '暂无卡片展示';
|
|
|
}
|
|
|
@@ -280,6 +287,9 @@ export default {
|
|
|
onShow() {
|
|
|
this.details();
|
|
|
},
|
|
|
+ created() {
|
|
|
+ console.log(this.cardList);
|
|
|
+ },
|
|
|
onShareAppMessage() {
|
|
|
return {
|
|
|
title: '卓卡——' + this.cardCaseInfo.caseName,
|