更新记录
1.0.1(2025-09-29)
下载此版本
优化搜索框、优化侧边栏高亮字母位置
1.0.0(2025-09-28)
下载此版本
城市选择器,自带城市数据无需接入第三方,可直接使用
平台兼容性
uni-app(3.6.5)
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
- |
- |
- |
- |
- |
- |
- |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
uni-app x(3.6.10)
Chrome |
Safari |
Android |
iOS |
鸿蒙 |
微信小程序 |
- |
- |
- |
- |
- |
- |
zt-cityPicker
基本用法
- 很简单引入组件后直接用就可以,城市数据已经有了跟某讯的一样,不需要key了。
- 具体使用看示例代码:
- 1.
<zt-cityPicker :locationCity="cityData" @city-select="onCitySelect"></zt-cityPicker>
,cityData是显示当前城市数据,需要自行拿到当前城市数据
-
id: '370700',
name: '潍坊',
fullname: '潍坊市',
location: {
latitude: 36.707668,
longitude: 119.161721
}
- 格式如上自行匹配就行了
- 2.选择城市后的数据回传两种方式,愿用哪个用哪个
uni.$emit('city-select'{...})
这个在需要显示的页面用uni.$on('city-select')拿,this.$emit('city-select'{...})
在组件的引入页用@city-select="onCitySelect"的onCitySelect方法拿。