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='/images/happyjob/search.png'></image>
      </view>
      <input class='search-input' confirm-type="search" value="{{inputValue}}" bindblur='bindKeyInput'
        placeholder="输出城市名快速查找" placeholder-class="placeholder" />
    </view>
    <!-- <view class="btn-search">搜索</view> -->
  </view>
  <view class="cancel" bindtap="back">取消</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> -->
            <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>