微信小程序实现按首字母检索城市列表

不说废话，上效果图

因为我有多处要用到，所以我这里是写成自定义组件的，你也可以直接改成在page页面编写：

布局左边一个scroll-view，显示城市列表,右边一个view显示字母列表，城市列表这边有首字母显示，给这个添加这个字母的ID，然后给右边的26个字母添加点击事件，点击的时候获取到点击的是哪个字母，给scroll-view的scroll-into-view赋值相应的字母，它左边就可以跳到相应的地方，再给scroll-view 加一个scroll-with-animation，让它跳转的时候有动画效果；

首先，我们来看看wxml

 
 1800000)){
{
然后在引用的wxml界面添加组件，styles是设置的组件的变量，我这里是可以改变组件最外层的样式，bindcitytap是上面组件js里的点击城市方法里提到的事件
然后在引用的界面的js里，写个cityTap事件，获取传过来的值
 
首先wxml里面去掉圈起来的这句
 
 1800000)) {//每隔30分钟请求一次定位
this.getLocate();
} else {//如果未满30分钟，那么直接从本地缓存里取值that.setData({
locateCity: cityOrTime.city
})
}
}
})
                        
（编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!