SAUI，一个超强的选择器组件

原有页面，汽车品牌选择器（car），通讯录选择器(address)

在这个的基础上，进行了一次大的改版。无论从性能上，功能上，使用上，都是一次大的跳跃。

1. 点击右边跳转到对应页面

2. 点击左边添加active样式

3. 支持touch事件（新增功能）

4. 滚动页面，右边自动切换当前item

5. 支持上千条数据，而不卡顿 （新增功能）

使用方式：

代码语言：javascript复制

wxml: <ui-tree list="{{tabConfig}}" class="tab-boxer" />

代码语言：javascript复制

js:

//初始数据，通过适配传了组件
const adapterData = (data) => {
  let output = []
  let xx = false
  data.map( item => {
    if (!xx){
      output.unshift({
        title: item.cfrl,
        idf: item.cfrl
      })
      xx = item.cfrl
    }
    else {
      item.cfrl != xx ? xx = false : xx
    }
    output.push({
      img: item.logo,
      title: item.cname,
      parent: item.cfrl
    })
  })
  return output
}
Pager({
  data: {
    tabConfig: mkTab('car', adapterData(getCarData)),
  }
})

touch 事件

0 人点赞