LIST

list是item的数组表现形式。

options

key type descript
data {Array[item, item...]} item的配置请参考这里
listClass {String} 列表容器的样式类
itemClass {String} 列表子项样式类
listStyle {JSON} 列表容器样式
itemStyle {JSON} 列表子项样式
itemMethod {Function} 列表子项mounted后执行该方法, 该方法带一个参数(dom),指向item的DOM结构
header {JSX} 为列表增加一个头部结构
footer {JSX} 为列表增加一个foot结构

提示: data选项为list提供数据支持,必须为数组类型,aotoo.item将解析data数组中的每一条子项数据并返回<li>...</li>结构

list demo

Demo:
Edit aotoo-list
第一次访问需要翻墙,因为codesandbox有相关google的广告内容

list的基本用法

import '@aotoo/aotoo'
import '@aotoo/aotoo-web-widgets'

const listData = [
  {title: 'item子项'},
  {title: 'item子项'},
  {title: 'item子项'},
  {title: 'item子项'},
]
const jsx = aotoo.list({
  data: listData,
  listClass: '',
  itemClass: '',
  listStyle: '',
  itemStyle: ''
})