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