微信小程序实现全国机场索引列表(2)

总结：

在onLoad函数中设置左侧的展示高度和右侧导航每一个字母所在盒子的高度；
getCurrentCode函数是获取点击字母的index，然后进行提示以及500ms后关闭提示；
getChooseCity函数是获取选择的机场，对chooseCity进行赋值。

代码简化：

var index = 0;
for (var i = 0; i < this.data.cityList.length;i++){
 if (this.data.cityList[i].code === e.target.dataset.code){
 index = i
 break;
 }
}

简化为：

添加data-index="{{index}}"，减少循环的消耗：
<view bindtap="getCurrentCode" class="{{chooseIndex == index ? '.city-list-active' : ''}}" wx:for="{{cityList}}" style="height:{{codeHeight}}px" data-code="{{item.code}}" data-index="{{index}}">
var index = e.target.dataset.index;

DEMO下载

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持黑区网络。