SAUI，一个超强的选择器组件
原创
原有页面，汽车品牌选择器（car），通讯录选择器(address)
在这个的基础上，进行了一次大的改版。无论从性能上，功能上，使用上，都是一次大的跳跃。
1. 点击右边跳转到对应页面
2. 点击左边添加active样式
3. 支持touch事件（新增功能）
4. 滚动页面，右边自动切换当前item
5. 支持上千条数据，而不卡顿 （新增功能）
使用方式：
wxml: <ui-tree list="{{tabConfig}}" class="tab-boxer" />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)),
}
})原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读