一种卡片式的联动选择器，旨在解决JS多级树结构展现方式，card-picker可以更多的层次结构数据展示和选择。
第一次尝试着写，如果觉得可以的话，给个star吧
script标签引入方式使用
<link rel="stylesheet" href="card-picker.min.min.css">
<body>
<button id="btn">触发按钮</button>
</body>
<script src="card-picker.min.js"></script>
<script>
let list = [{text:'一级-1',children:[{text:'二级-1-2'}]},{text:'一级-2'}]
new CardPicker({
trigger:'#btn',
list:list,
success:function(res,o) {
//返回选择项 o对象是最后选择项的对象
document.getElementById('btn').innerHTML = res
console.log(o)
}
})
</script>npm 安装使用
npm i card-picker- trigger：触发元素，值可以是DOM节点元素，也可以是选择器字符串
- title：标题
- isFullScreen: 是否充满全屏 默认false 高度为60vh
- list：注入的数据
- caseName：别名设置 默认 { text:"text", children:'children'}
- level：数据层级限制 同样的省市区数据 可以做 省/省市/省市区3种场景的应用
- isShowControl：是否显示操作按钮 默认是 false 不显示
- success：选择完成后的回调
- 2020/4/7 修复部分bug
- 2020/4/6 优化部分代码
- 2020/4/5 新增多选api
- 2020/4/4 借助better-scroll重构
- 2020/3/14 修复
card-picker事件穿透，蒙层下面内容跟着滚动 - 2020/3/13 正式
card-picker第一版发布 - 2020/3/8 完成
card-picker第一个版本