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 class='app-header'>
  <view class='map' bindtap='toCity'>
    <view class='location'>
      <image src='/images/happyjob/index_position.png'></image>
    </view>
    <text class='cityname'>{{cityName}}</text>
    <!-- <i-icon class="arrow-down" type="play_fill" /> -->
  </view>
  <view class='search' bindtap='toSearch'>
    <view class="search-content">
      <view class='i_search'>
        <image src='{{imgServerUrl}}/images/happyjob/search.png'></image>
      </view>
      <input class='search-input' confirm-type="search" value="{{inputValue}}" bindblur='bindKeyInput' placeholder="输出城市名快速查找" placeholder-style="color:#cbcdd3;" />
    </view>
    <view class="btn-search">搜索</view>
  </view>
</view>
<view hidden='{{inputValue}}' class="safe_area">
  <block wx:if="{{isShowLetter}}">
    <view class="showSlectedLetter">
      {{showLetter}}
    </view>
  </block>
  <!-- catchtouchstart="searchStart" catchtouchmove="searchMove" catchtouchend="searchEnd"  -->
  <view class="searchLetter touchClass">
    <view wx:for="{{searchLetter}}" style="height:{{itemH}}px" wx:key="index" data-letter="{{item.name}}" bindtap="toView">{{item.name}}</view>
  </view>
  <scroll-view scroll-y="true" style="height:{{winHeight}}px" bindscroll="bindScroll" scroll-into-view="{{letter}}">
    <view class="selection" wx:for="{{cityList}}" wx:key="index" id="{{item.firstNameLetter}}">
      <block wx:if="{{index===0}}">
        <!-- <view class='panel'>定位城市</view> -->
        <view class='location_city'>
          <view data-text="{{currcity}}" data-code="{{currcityCode}}">
            <text>{{currcity}}</text>
            <text class="active">当前定位</text>
          </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="index" wx:for-index="idx" data-text="{{item.cityName}}" data-code="{{item.cityCode}}" data-index="{{index}}"  bindtap="chooseHotCity">{{item.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="index" wx:for-index="idx" data-text="{{ct.cityName}}" data-code='{{ct.cityCode}}' data-index="{{index}}" data-idx="{{idx}}" bindtap="chooseCity">
        {{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="index" data-text="{{item.cityName}}" data-index="{{index}}" data-code="{{item.cityCode}}" bindtap="chooseSearchCity">{{item.cityName}}</view>
</view>