SAUI-选择器的大优化
发布于 5 年前 作者 ytian 3627 次浏览 来自 分享

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


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


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

2. 点击左边添加active样式

3. 支持touch事件(新增功能)

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

5. 支持上千条数据,而不卡顿 (新增功能)


使用简单,功能强大~~

使用方式:

wxml: 


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)),
  }
})


1 回复

提个bug

级联也有点问题哦~

回到顶部