<!--static/nativeComponents/AreaNavigation/index.wxml-->
<van-sticky wx:if="{{datas.componentData.scrollPosition}}">
<view class="area-navigation clearfix" style="background-color:{{datas.componentData.backgroundColor}}">
  <view style="width:100%;display:flex;">
    <view class="area-l" style="font-size:{{datas.componentData.fontSize / 16 + 'em'}};color:{{datas.componentData.fontColor}};font-weight:{{datas.componentData.fontWeight}}" bindtap="changeOtherCity">
      <view class="antt ant-gongsidizhi"></view>
      <text class="title">{{positionName}}</text>
      <van-icon name="arrow-down" style="margin-left:4rpx" />
    </view>
    <view class="area-r">
      <input class="area-search" type="text" bindtap="toSearchPage" style="background-color:{{datas.componentData.searchBgColor}};font-size:{{datas.componentData.searchFontSize / 16 + 'em'}};color:{{datas.componentData.searchFontColor}};font-weight:{{datas.componentData.searchFontWeight}}">
      
      </input>
    </view>
  </view>
</view>
</van-sticky>
<view wx:if="{{!datas.componentData.scrollPosition}}">
  <view class="area-navigation clearfix" style="background-color:{{datas.componentData.backgroundColor}}">
    <view style="width:100%;display:flex;">
      <view class="area-l" style="font-size:{{datas.componentData.fontSize / 16 + 'em'}};color:{{datas.componentData.fontColor}};font-weight:{{datas.componentData.fontWeight}}" bindtap="changeOtherCity">
        <view class="antt ant-gongsidizhi"></view>
        <text class="title">{{positionName}}</text>
        <van-icon name="arrow-down" style="margin-left:4rpx" />
      </view>
      <view class="area-r">
        <input class="area-search" type="text" style="background-color:{{datas.componentData.searchBgColor}};font-size:{{datas.componentData.searchFontSize / 16 + 'em'}};color:{{datas.componentData.searchFontColor}};font-weight:{{datas.componentData.searchFontWeight}}">
        
        </input>
      </view>
    </view>
  </view>
</view>

<van-dialog
  show="{{noShow}}"
  use-slot
  showConfirmButton="{{false}}"
>
  <view class="change-dialog">
    <view style="line-height:60rpx">您所在的地区暂未开放</view>
    <view class="change-btn">切换其他城市</view>
  </view>
</van-dialog>

<van-dialog
  show="{{changeShow}}"
  use-slot
  showConfirmButton="{{false}}"
>
  <view class="change-dialog">
    <view style="line-height:60rpx">
      定位显示为{{ positionCity.regionName }}
    </view>
    <view class="change-btn line-clamp1" bindtap="changeTo">
      切换到{{ positionCity.regionName }}
    </view>
    <view class="continue line-clamp1" bindtap="continueBrowser">
      继续浏览{{ designateAreaObj.regionName }}
    </view>
  </view>
  
</van-dialog>