Mina/pages/city/index.wxml

<view class='action-panel'>
  <view class='search-box'>
    <view class='search'>
      <i-icon type="search" size='20' color='#cbcdd3' />
      <input class='search-input' confirm-type="search" value="{{inputValue}}" bindblur='bindKeyInput' placeholder="输出城市名快速查找" placeholder-style="color:#cbcdd3;" />
    </view>
    <navigator open-type='navigateBack'>
      <text>取消</text>
    </navigator>
  </view>
</view>
<view hidden='{{inputValue}}'>
  <block wx:if="{{isShowLetter}}">
    <view class="showSlectedLetter">
      {{showLetter}}
    </view>
  </block>
  <view class="searchLetter touchClass">
    <view wx:for="{{searchLetter}}" style="height:{{itemH}}px" wx:key="index" data-letter="{{item.name}}" catchtouchstart="searchStart" catchtouchmove="searchMove" catchtouchend="searchEnd">{{item.name}}</view>
  </view>
  <scroll-view scroll-y="true" style="height:{{winHeight}}px" bindscroll="bindScroll" scroll-into-view="{{showLetter}}">
    <view class="selection" wx:for="{{cityList}}" wx:key="{{item.firstNameLetter}}" id="{{item.firstNameLetter}}">
      <block wx:if="{{index===0}}">
        <view class='panel'>定位城市</view>
        <view class='location_city'>
          <view class="btn active" data-text="{{city}}" data-code="{{cityCode}}" bindtap="wxSortPickerViewItemTap">{{city}}</view>
          <view class='position' catchtap="cxgps">
            <i-icon type="refresh" />
            <text>重新定位</text>
          </view>
        </view>
        <view class='panel' wx:if="{{hotList.length}}">热门城市</view>
        <view class='hot_city' wx:if="{{hotList.length}}">
          <view class="btn" wx:for="{{hotList}}" wx:key="*this" wx:for-index="idx" wx:for-item="cityName" data-text="{{cityName}}" data-code="{{hotCodeList[idx]}}" bindtap="wxSortPickerViewItemTap">{{cityName}}</view>
        </view>
      </block>

      <view class="item_letter">{{item.firstNameLetter}}</view>
      <view class="item_city" wx:for="{{item.cityInfo}}" wx:for-item="ct" wx:key="{{ct.cityCode}}" wx:for-index="idx" data-text="{{ct.cityName}}" data-code='{{ct.cityCode}}' bindtap="wxSortPickerViewItemTap">
        {{ct.cityName}}
      </view>
    </view>
  </scroll-view>
</view>
<view class='result-list' wx:if="{{inputValue}}" style="margin-top:20px">
  <view class="item_city" wx:for="{{searchList}}" wx:key="*this" data-text="{{item.cityName}}" data-code="{{item.cityCode}}" bindtap="wxSortPickerViewItemTap">{{item.cityName}}</view>
</view>