challengeFamily/pages/city/list.wxml

<wxs src='../../pages/wxs/util.wxs' module='filter' />
<scroll-view scroll-y style="height: {{windowHeight}}px" scroll-into-view="{{alpha}}">
  <view class="alphabet">
    <view class="alphabet-list">
      <view class="section-item">
        <view class="section-item-cells">
        请选择你所在的城市：
          <view class="section-item-cell" bindtap="setCity" data-city="{{city}}">
            <text class="icon-address"></text><text>当前城市：{{city || '定位中'}}</text>
          </view>
        </view>
      </view>
      <view wx:for="{{list}}" wx:key="unique" id="{{filter.letter(item.letter)}}" class="section-item">
        <view class="section-item-header">{{filter.letter(item.letter)}}</view>
        <view wx:for="{{item.city}}" wx:key="unique" wx:for-item="cell" wx:for-index="cellIndex" class="section-item-cells">
          <view class="section-item-cell {{cellIndex != (item.city.length-1) ? 'border-bottom':''}}" bindtap="setCity" data-city="{{cell}}">
            <text>{{cell}}</text>
          </view>
        </view>
      </view>
    </view>
  </view>
</scroll-view>
<view id="selector" catchtouchstart="handlerAlphaTap" catchtouchmove="handlerMove" catchtouchend='handlerEnd' class="alphanet-selector {{addBg?'bg':''}}">
  <view data-ap="{{filter.letter(item.letter)}}" wx:for="{{list}}" wx:key="unique" class="selector-one {{filter.letter(alpha) == filter.letter(item.letter) ? 'active':''}}">
    {{filter.letter(item.letter)}}
  </view>
</view>
<view wx:if="{{addBg}}" class='show-alpha'>
{{filter.letter(alpha)}}
</view>