<view class="page-box">
  <scroll-view 
    scroll-y="{{true}}" 
    class="class-left"
  >
    <view a:for="{{cityTabs}}" key="{{item.code}}">
      <view 
        data-item="{{item}}" 
        data-index="{{index}}"
        class="cate-list {{ index === currentCityIndex ? 'on':''}}" 
        onTap="onChangeCity"
      >
        {{item.name}}
      </view>
    </view>
  </scroll-view>
  <scroll-view 
    class="class-right" 
    scroll-y="{{true}}"
    scroll-with-animation="{{true}}"
  >
    <view 
      a:for="{{currentCity.subRegions}}" 
      key="{{item.code}}"
    >
      <view 
        data-item="{{item}}" 
        data-index="{{index}}"
        class="cate-list" 
        onTap="onChangeArea"
      >
        {{item.name}}
      </view>
    </view>
  </scroll-view>
</view>