微信小程序城市切换功能组件
微信小程序的城市切换功能,蛮适合新手练手或者做业务扩展。页面结构简单,就是一个带城市列表的选择组件,用picker
就能搞定。城市数据用JSON
保存,配合this.setData
动态更新页面,响应也快。
切换事件监听挺直观的,用change
事件就行。再加上wx.setStorageSync
做个本地缓存,用户体验会更顺滑。像最近用过的城市,下次进来还能直接加载,挺贴心。
如果你打算加个自动定位功能,wx.getLocation是个不错的入口。获取经纬度后去和城市表匹配,推荐最近的城市,用户操作就更少了。服务器这块,只要会基本的Nginx
或Apache
配置,源码部署没太大压力。
源码包里自带了图文教程和导入,照着来基本不会出错。还有一张1.gif
示例图,界面长啥样一目了然。建议你先跑一遍看看效果,再按自己项目需求调整。
如果你做的是和本地服务、物流、房产相关的应用,城市切换功能就是刚需。加上本地存储和地理定位,用户体验能提升不少。嗯,,这套源码蛮实用的,拿来改一改就能上线。
1.17MB
文件大小:
评论区