bocai_supplyChain/pages/city/index.wxml

<view class="navigatorBar" hover-class="none" style="padding-top:{{statusBarHeight + ((navigationBarHeight - menuButtonHeight) / 2)}}px" hover-stop-propagation="false">
  <view class="iconfont icon-xiangzuo poa fw500 f18" bindtap="goBack" style="top:{{statusBarHeight + ((navigationBarHeight - menuButtonHeight) / 2)}}px;left:12px" hover-class="none" hover-stop-propagation="false"></view>
  <view class="tabs display-flex" style="width:128px;text-align:center;margin-top:{{}}">
    <view class="tarbar" style bindtap="choosenTop" data-id="1">
      <view class="tarbarText f16 {{toped == '1'?'active':''}}">城市</view>
    </view>
    <view class="tarbar ml12" bindtap="choosenTop" data-id="2">
      <view class="tarbarText f16 {{toped == '2'?'active':''}}">省份</view>
    </view>
  </view>
</view>
<!-- <view class="searchBox fss">
  <view class="fss flex-1" hover-class="none" hover-stop-propagation="false">
    <i class="iconfont icon-sousuo11 cccc ml20 mr6"></i>
    <input type="text" class="weui-search-bar__input" style placeholder-style="color:#999;" value="{{inputVal}}" placeholder="{{placeholderText}}" bindinput="inputTyping" bindconfirm="searchKey" confirm-type="search" />
    <view class="iconfont icon-qingchu1 biggerSize cccc" wx:if="{{inputVal}}" catchtap="clearInput"></view>
  </view>
</view> -->
<view class wx:if="{{toped == '1'}}" hover-class="none" hover-stop-propagation="false">
  <view class="positionLetter" style="top:{{pltop}}px" wx:if="{{plShow}}">{{alpha}}</view>

  <scroll-view scroll-y="true" style="height: 100vh;" scroll-into-view="{{toView}}" bindscroll="leftMove">
    <view class="p10200" id="top">
      <view class="headTxt">当前城市</view>
      <view class="container">
        <view bindtap="selectQuanGuo" class="item {{selectedQuanGuo.checked ? 'active' : ''}}">全国</view>
        <view bindtap="getLocation" class="item {{selectedCityLocal.checked ? 'active' :''}}" wx:if="{{selectedCityLocal.shortName}}">
          <i class="iconfont icon-dizhi11"></i>
          {{selectedCityLocal.shortName}}
        </view>
        <!-- <view bindtap="selectOld" wx:if="{{selectedCity.name != '' && selectedCity.name != null && selectedCity.name != selectedCityLocal.name}}" class="item {{selectedCity.checked ? 'active' :''}}">{{selectedCity.shortName}}</view> -->
      </view>
      <block wx:for="{{cityList}}" wx:for-item="item">
        <view class="headTxt" id="{{item.name == '热门城市' ?'hot' : item.name}}">{{item.name}}</view>
        <view class="container">
          <view wx:for="{{item.list}}" wx:for-item="item1" bindtap="selectCity" data-city="{{item1}}" class="item {{item1.name == selectedCityTemp.name && selectedCityTemp.checked ? 'active' :''}}">{{item1.shortName}}</view>
        </view>
      </block>
    </view>
  </scroll-view>

  <scroll-view class="letter-list" enhanced="true" catchtouchstart="handlerAlphaTap" bindtouchmove="touchMove" catchtouchend="touchEnd">
    <!-- {{toView == 'top' ?'rlhc':'' }}" -->
    <view class="letter {{toView == 'top' ?'rlhc':'' }}" bindtap="goTop" hover-class="rlhc">
      <i class="iconfont icon-sousuo11 f12"></i>
    </view>
    <!-- {{toView == 'hot' ?'rlhc':'' }}" -->
    <view class="letter {{toView == 'hot' ?'rlhc':'' }}" bindtap="clickHot" hover-class="rlhc">热</view>
    <!-- {{toView == item ?'rlhc':'' }}" -->
    <view class="letter {{toView == item ?'rlhc':'' }}" wx:for="{{letter}}" hover-class="rlhc" catchtap="chooseLetter" wx:for-item="item" data-item="{{item}}">{{item}}</view>
  </scroll-view>
</view>
<view class wx:if="{{toped == '2'}}" hover-class="none" hover-stop-propagation="false">
  <scroll-view scroll-y="true" style="height: 100vh;" scroll-into-view="{{toView}}" bindscroll="leftMove">
    <view class="p10200" id="top">
      <view class="headTxt">当前省份</view>
      <view class="container">
        <view bindtap="selectQuanGuo" class="item {{selectedQuanGuo.checked ? 'active' : ''}}">全国</view>
        <view bindtap="getProvinceLocation" class="item {{selectedProvinceLocal.checked ? 'active' :''}}" wx:if="{{selectedProvinceLocal.shortName}}">
          <i class="iconfont icon-dizhi11"></i>
          {{selectedProvinceLocal.shortName}}
        </view>
        <!-- <view bindtap="selectOld" wx:if="{{selectedCity.name != '' && selectedCity.name != null && selectedCity.name != selectedCityLocal.name}}" class="item {{selectedCity.checked ? 'active' :''}}">{{selectedCity.shortName}}</view> -->
      </view>
      <block wx:for="{{provinceList}}" wx:for-item="item">
        <view class="headTxt" id="{{item.name == '热门城市' ?'hot' : item.name}}">{{item.name}}</view>
        <view class="container">
          <view wx:for="{{item.list}}" wx:for-item="item1" bindtap="selectCity" data-city="{{item1}}" class="item {{item1.name == selectedCityTemp.name && selectedCityTemp.checked ? 'active' :''}}">{{item1.shortName}}</view>
        </view>
      </block>
    </view>
  </scroll-view>

  <scroll-view class="letter-list" enhanced="true" catchtouchstart="handlerAlphaTap" bindtouchmove="touchMove" catchtouchend="touchEnd">
    <!-- {{toView == 'top' ?'rlhc':'' }}" -->
    <view class="letter {{toView == 'top' ?'rlhc':'' }}" bindtap="goTop" hover-class="rlhc">
      <i class="iconfont icon-sousuo11 f12"></i>
    </view>
    <!-- {{toView == 'hot' ?'rlhc':'' }}" -->
    <view class="letter {{toView == 'hot' ?'rlhc':'' }}" bindtap="clickHot" hover-class="rlhc">热</view>
    <!-- {{toView == item ?'rlhc':'' }}" -->
    <view class="letter {{toView == item ?'rlhc':'' }}" wx:for="{{letter}}" hover-class="rlhc" catchtap="chooseLetter" wx:for-item="item" data-item="{{item}}">{{item}}</view>
  </scroll-view>
</view>
<view class="btmFix">
  <view class="display-flex">
    <view class="flex-1 pl20 pr10">
      <button class="resetBtn btn" style="font-weight:400;" catchtap="reset">重置</button>
    </view>
    <view class="flex-1 pl10 pr20">
      <button type="primary" class="loginOut btn" style="font-weight:400;" catchtap="loginOut">确定</button>
    </view>
  </view>
</view>