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
|
({
type: 'recycle-list',
attr: {
append: 'tree',
listData: [
{ type: 'A', poster: 'xx', title: 'x' },
{ type: 'A', poster: 'yy', title: 'y' }
],
switch: 'type',
alias: 'item'
},
children: [{
type: 'cell-slot',
attr: { append: 'tree', case: 'A' },
children: [{
type: 'div',
attr: {
'@isComponentRoot': true,
'@componentProps': {
imageUrl: { '@binding': 'item.poster' },
title: { '@binding': 'item.title' }
}
},
children: [{
type: 'image',
classList: ['image'],
attr: {
src: { '@binding': 'imageUrl' }
}
}, {
type: 'text',
classList: ['title'],
attr: {
value: { '@binding': 'title' }
}
}]
}, {
type: 'text',
attr: {
value: 'content'
}
}]
}]
})
|