评论

SAUI-选择器的大优化

兼容城市选择,汽车品牌选择 通讯录选择 tabs 等等 而且比现在已有的更强大

原有页面,汽车品牌选择器(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)),
  }
})


最后一次编辑于  2020-01-21  
点赞 1
收藏
评论

1 个评论

  • TNT
    TNT
    2020-01-21

    提个bug

    级联也有点问题哦~

    2020-01-21
    赞同
    回复 1
    • SS
      SS
      2020-02-28
      谢谢提醒,已修复问题。正在审核中
      2020-02-28
      回复
登录 后发表内容