效果圖: 代碼: 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.頁面的初始數據 ...