效果图: 代码: city.js: ...
根据接口返回的数据将各类城市名进行字母排序,并且显示出首字母大写,点击字母转到当前字母所对应的城市列表 var params res.data.data var cityList 城市列表 index:A,list: cityId: ,cityName: , cityId: ,cityName: , cityId: ,cityName: for var i i lt params.length i ...
2020-05-06 11:33 0 655 推荐指数:
效果图: 代码: city.js: ...
values 下dimens.xml 布局: activity_main.xm ...
简单demo 链接:https://pan.baidu.com/s/1b7g2fTpXZXRsZ6Y576DWYQ 提取码:2m4f 个人写法:(注:每个人的写法不同 res是 [ ...
不说废话,上效果图 因为我有多处要用到,所以我这里是写成自定义组件的,你也可以直接改成在page页面编写: 布局左边一个scroll-view,显示城市列表,右边一个view显示字母列表,城市列表这边有首字母显示,给这个添加这个字母的ID,然后给右边的26个字母添加点击事件,点击 ...
config.js 里面请求用到了腾讯地图得接口,(获取城市 ...
在前端岗位已经有足足三年了,一直没有写过微信小程序,我知道它很火,有近似原生app的体验却无需安装app,即开即用,非常方便。工作一直挺忙,都是些再熟悉不过的搬砖工作,这大概就叫做瞎忙吧。近来稍闲,就学习了一下微信小程序,做了两个小demo,一个是仿《汽车之家》app里面的带字母导航的列表滚动效果 ...
在小程序中,会有一些需求,常常会有一些按字母A-Z排序,写过一篇关于vue的字母排序,点击这里查看,今天写一篇关于小程序字母排序的案例,效果展示如下 写之前要和后端定义好数据结构字段,这是我定义的这种数据接口,然后和后端沟通,给我返回这样的结构。 1.页面的初始数据 ...