更新记录
1.01(2023-04-02) 下载此版本
- 增加村一级
1(2023-03-19) 下载此版本
初始版本。
平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.4.8 app-vue app-nvue | √ | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
√ | √ | √ | √ |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
DataPicker 级联选择
组件名:uni-data-picker 代码块:
uDataPicker
关联组件:uni-data-pickerview
、uni-load-more
。
<uni-data-picker>
是一个选择类datacom组件。
支持单列、和多列级联选择。列数没有限制,如果屏幕显示不全,顶部tab区域会左右滚动。
- 基于uni-data-picker和unicloud的懒加载三级四级五级省市县镇村五级联选择.
- 数据来源腾讯地图2023年3月2日版本和民政部.
- 基于官方组件,不用担心兼容性,不用担心升级
- 数据包含省市县镇村五级数据,满足所有业务需求
- 灵活选择所需要到达的级别
- 懒加载,不用担心打包太大
和官方版本不同点:
- 1,增加镇和村两个级别,共有省市县镇村五个级别
- 2,优化了数据.比如选择北京东城区,官方版本:北京市/北京市/东城区.优化后:北京市/东城区.更加合理.
- 3,去除了官方opendb-city-china中邮编,增加了地区经纬度
使用方法:(因数据较多,不能用db_init方法,请手动导入数据)
- 1, 关联你的云空间
- 2, 在uniCloud/database 中右键mintz-city-data.schema.json,上传
- 3, 在https://unicloud.dcloud.net.cn/中找到mintz-city-data数据库
- 4, 因为一次导入的数据不能超过50m,请导入根目录下的mintz-city-data.json,xiangcun1.json,xiangcun2.json即可使用
- 5, 在源码中找到eq(['$type', 4]) as isleaf, 4即代表到村一级,0省,1市,2县,3镇