更新记录

1.0.1（2025-08-19） 下载此版本

1. 城市搜索 支持输入城市名、拼音或首字母搜索 实时显示搜索结果 热门城市展示

2. 可配置是否显示热门城市（hot prop） 可自定义显示数量（hotNum prop，默认12个） 字母索引列表

3. 右侧显示 A-Z 字母导航 支持滑动快速定位 字母快速定位

4. 点击或滑动字母索引，自动滚动到对应城市分组 滑动时显示当前字母提示 城市分组列表

5. 按字母 A-Z 分组显示城市 支持滚动查看 选择城市

6. 点击城市后触发 bindCity 事件，返回城市数据（{id, name, pinyin}） 数据加载方式

7. 支持本地数据（citys.js）

平台兼容性

uni-app(4.07)

其他

<template>
    <view>
        <!-- 引用 -->
        <quick-city-picker @bindCity="bindCity"></quick-city-picker>
    </view>
</template>
<script>
    let app = getApp();
    import quickCityPicker from '@/components/quick-city-picker/quick-city-picker.vue'
    export default {
        components: {
            quickCityPicker,
        },
        data() {
            return {

            };
        },
        methods: {
            bindCity(event) {
                console.log(event)
            }
        },

    };
</script>

<style scoped>

</style>

API