51 lines
1.3 KiB
JavaScript
51 lines
1.3 KiB
JavaScript
|
Component({
|
||
|
|
externalClasses: ['i-class'],
|
||
|
|
|
||
|
|
relations: {
|
||
|
|
'../grid-item/index': {
|
||
|
|
type: 'child',
|
||
|
|
linked () {
|
||
|
|
this.setGridItemWidth();
|
||
|
|
},
|
||
|
|
linkChanged () {
|
||
|
|
this.setGridItemWidth();
|
||
|
|
},
|
||
|
|
unlinked () {
|
||
|
|
this.setGridItemWidth();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
methods: {
|
||
|
|
setGridItemWidth () {
|
||
|
|
const nodes = this.getRelationNodes('../grid-item/index');
|
||
|
|
|
||
|
|
// const len = nodes.length;
|
||
|
|
// if (len < 3) {
|
||
|
|
// nodes.forEach(item => {
|
||
|
|
// item.setData({
|
||
|
|
// 'width': '33.33%'
|
||
|
|
// });
|
||
|
|
// });
|
||
|
|
// } else {
|
||
|
|
// const width = 100 / nodes.length;
|
||
|
|
// nodes.forEach(item => {
|
||
|
|
// item.setData({
|
||
|
|
// 'width': width + '%'
|
||
|
|
// });
|
||
|
|
// });
|
||
|
|
// }
|
||
|
|
const width = 100 / nodes.length;
|
||
|
|
nodes.forEach(item => {
|
||
|
|
item.setData({
|
||
|
|
'width': width + '%'
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
ready () {
|
||
|
|
this.setGridItemWidth();
|
||
|
|
}
|
||
|
|
});
|