1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
| 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');
| },
| },
| });
|
|
