91 lines
1.9 KiB
JavaScript
91 lines
1.9 KiB
JavaScript
Component({
|
||
externalClasses: ['wr-class', 'header-class', 'title-class'],
|
||
|
||
options: {
|
||
multipleSlots: true,
|
||
},
|
||
|
||
relations: {
|
||
'../order-goods-card/index': {
|
||
type: 'descendant',
|
||
linked(target) {
|
||
this.children.push(target);
|
||
this.setHidden();
|
||
},
|
||
unlinked(target) {
|
||
this.children = this.children.filter((item) => item !== target);
|
||
},
|
||
},
|
||
'../goods-card/index': {
|
||
type: 'descendant',
|
||
linked(target) {
|
||
this.children.push(target);
|
||
this.setHidden();
|
||
},
|
||
unlinked(target) {
|
||
this.children = this.children.filter((item) => item !== target);
|
||
},
|
||
},
|
||
'../specs-goods-card/index': {
|
||
type: 'descendant',
|
||
linked(target) {
|
||
this.children.push(target);
|
||
this.setHidden();
|
||
},
|
||
unlinked(target) {
|
||
this.children = this.children.filter((item) => item !== target);
|
||
},
|
||
},
|
||
},
|
||
|
||
created() {
|
||
this.children = [];
|
||
},
|
||
|
||
properties: {
|
||
order: {
|
||
type: Object,
|
||
observer(order) {
|
||
if (!order?.goodsList) return;
|
||
const goodsCount = order.goodsList.length;
|
||
this.setData({
|
||
goodsCount,
|
||
});
|
||
},
|
||
},
|
||
useTopRightSlot: Boolean,
|
||
// 初始显示的商品数量，超出部分会隐藏。
|
||
defaultShowNum: {
|
||
type: null,
|
||
value: 10,
|
||
},
|
||
useLogoSlot: {
|
||
type: Boolean,
|
||
value: false,
|
||
},
|
||
},
|
||
|
||
data: {
|
||
showAll: true, // 是否展示所有商品，设置为false，可以使用展开更多功能
|
||
goodsCount: 0,
|
||
},
|
||
|
||
methods: {
|
||
setHidden() {
|
||
const isHidden = !this.data.showAll;
|
||
this.children.forEach(
|
||
(c, i) => i >= this.properties.defaultShowNum && c.setHidden(isHidden),
|
||
);
|
||
},
|
||
|
||
onOrderCardTap() {
|
||
this.triggerEvent('cardtap');
|
||
},
|
||
|
||
onShowMoreTap() {
|
||
this.setData({ showAll: true }, () => this.setHidden());
|
||
this.triggerEvent('showall');
|
||
},
|
||
},
|
||
});
|