微信小程序如何实现按字母顺序快速选择城市的功能?

更新于
2026-09-28 12:07:16
0阅读来源:SEO教程
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计1602个文字,预计阅读时间需要7分钟。

微信小程序如何实现按字母顺序快速选择城市的功能?

实现效果预览+实现想法+利用小程序地图功能将所有城市查询出来,并将其渲染至页面(https://lbs.qq.com/qqmap_wx_jssdk/index.)(其中文字栏也根据获取到的数据变化)+其中包含三个交互

实现效果预览

实现思想

利用小程序腾讯地图将所有城市查出来,并将其渲染至页面(lbs.qq.com/qqmap_wx_jssdk/index.html)(其中字母栏也根据获取到的数据变化)

其中涉及三个交互(点击字母时滚动到相应位置;滑动触摸字母时,需滚动到相应位置,并有当前哪个字母的提示,且有震动感;手动滑动页面时,需将当前对应的字母选中)

滑动触摸字母时,首先要得到所有字母所在块的高度,再平均的获取到每个字母的高度。

阅读全文

本文共计1602个文字,预计阅读时间需要7分钟。

微信小程序如何实现按字母顺序快速选择城市的功能?

实现效果预览+实现想法+利用小程序地图功能将所有城市查询出来,并将其渲染至页面(https://lbs.qq.com/qqmap_wx_jssdk/index.)(其中文字栏也根据获取到的数据变化)+其中包含三个交互

实现效果预览

实现思想

利用小程序腾讯地图将所有城市查出来,并将其渲染至页面(lbs.qq.com/qqmap_wx_jssdk/index.html)(其中字母栏也根据获取到的数据变化)

其中涉及三个交互(点击字母时滚动到相应位置;滑动触摸字母时,需滚动到相应位置,并有当前哪个字母的提示,且有震动感;手动滑动页面时,需将当前对应的字母选中)

滑动触摸字母时,首先要得到所有字母所在块的高度,再平均的获取到每个字母的高度。

阅读全文