<!-- 种类的遮罩层 -->

<view class="register" wx:if="{{shai}}" bindtap="hideregister">
  <view class="registerwrap">
    <view class="registeritem {{item.sel==true?'selact':''}}" wx:for="{{shaikind}}" wx:key="" wx:if="{{type==1}}" data-id="{{item.id}}" catchtap='selectkind'>{{item.sort_name}}</view>
    <view class="registeritem {{item.sel==true?'selact':''}}" wx:for="{{shaikind}}" wx:key="" wx:if="{{type==2}}" data-id="{{item.id}}" catchtap='selectkind'>{{item.country_name}}</view>
    <view class="registeritem {{item.sel==true?'selact':''}}" wx:for="{{shaikind}}" wx:key="" wx:if="{{type==3}}" data-id="{{item.id}}" catchtap='selectkind'>{{item.region_name}}</view>
    <view class="registeritem {{item.sel==true?'selact':''}}" wx:for="{{shaikind}}" wx:key="" wx:if="{{type==4}}" data-id="{{item.id}}" catchtap='selectkind'>{{item.odor_name}}</view>
  </view>
</view>

<!-- 国家遮罩层 -->
<view class="cregister" wx:if="{{showcountry}}">
  <view class="quehead">
    <view class="backrow"></view>
    <view class="selcoun">选择国别</view>
    <view class="cqueding" bindtap="countrysure">确定</view>
  </view>
  <view class="countryitem" wx:for="{{countrylist}}" wx:key="" data-name="{{item.country_name}}" bindtap="selectcountry" data-id="{{item.id}}">
    <view class="selcounitem">{{item.country_name}}</view>
    <view class="gouimg" wx:if="{{item.sel==true}}">
      <image src="{{url}}/aicon_18x.png"></image>
    </view>
  </view>
</view>
<!-- 城市遮罩层 -->
<view class="cregister" wx:if="{{showcity}}">
  <view class="quehead">
    <view class="backrow"></view>
    <view class="selcoun">选择城市</view>
    <view class="cqueding" bindtap="citysure">确定</view>
  </view>
  <view class="nodata" wx:if="{{citylist.length==0}}">暂无数据</view>
  <block wx:else>
    <view class="countryitem" wx:for="{{citylist}}" wx:key="" data-name="{{item.country_name}}" bindtap="selectcity" data-index="{{index}}">
      <view class="selcounitem">{{item.city}}</view>
      <!-- <view class="gouimg" wx:if="{{item.sel==true}}">
      <image src="{{url}}/aicon_18x.png"></image>
    </view> -->
    </view>
  </block>
</view>
<!-- 区域选择 -->
<view class="cregister" wx:if="{{showregin}}">
  <view class="quehead">
    <view class="backrow"></view>
    <view class="selcoun">选择区</view>
    <view class="cqueding" bindtap="sureregin">确定</view>
  </view>



  <view class="countryitem" wx:for="{{reginlist}}" wx:key="" data-name="{{item.name}}" bindtap="selectregin" data-index="{{index}}">
    <view class="selcounitem">{{item.name}}</view>

    <view class="gouimg" wx:if="{{item.sel==true}}">
      <image src="{{url}}/aicon_18x.png"></image>
    </view>
  </view>




</view>
<view class="heatop">
  <view class="head">
    <view class="address" bindtap="choseaddress">
      <view class="addressimg">
        <image src='{{url}}bicon_01x.png'></image>
      </view>

      <view class="addressname">{{currentCity}}</view>
    </view>

    <view class="headmiddle" bindtap="entersearch">
      <view class="searchimg">
        <image src="{{url}}aicon_04@2x.png"></image>
      </view>

      <view class="searchinput">
        <input placeholder='已收录298653款酒品' placeholder-class='seachenter' value="{{record}}" />
      </view>

      <view class="saoma" catchtap="saoma">
        <image src="{{url}}bicon_04@2x.png"></image>
      </view>
    </view>

    <view class="address" bindtap="shaixuan">
      <view class="shaixuan">
        <image src='{{url}}bicon_02@2x.png'></image>
      </view>

      <view class="addressname shai">筛选</view>
    </view>

  </view>
  <!-- 筛选 -->
  <view class="shaisel">
    <view class="shaikind" bindtap="shaikind" data-type="{{item.type}}" wx:for="{{kindlist}}" wx:key="">
      <view class="shaikindname">{{item.name}}</view>
      <view class="shaikindimg">
        <image src="{{url}}bicon_06x.png" wx:if="{{item.sel==true}}"></image>
        <image src="{{url}}bicon_05x.png" wx:else></image>

      </view>
    </view>
  </view>

  <!-- <view class="hot">
    <view class="hotimg">
      <image src="{{url}}bicon_08@2x.png"></image>
    </view>

    <view class="hotzi">
      <image src="{{url}}bicon_07@2x.png"></image>
    </view>
</view>  -->
</view>
<view class='city_box'>
  <view class='city_left'>
    <scroll-view scroll-y style='width:100%;height:100%;' scroll-with-animation scroll-into-view='{{cityListId}}'>
      <view class="hot">
        <view class="hotimg">
          <image src="{{url}}bicon_08@2x.png"></image>
        </view>

        <view class="hotzi">
          <image src="{{url}}bicon_07@2x.png"></image>
        </view>
      </view>
      <view class='new_city'>

        <view class='new_city_box'>
          <view class='new_city_text' wx:for='{{newcity}}' wx:key='this' data-types='new' catchtap='cityTap' data-val='{{item}}'>
            <view class="hotgood" bindtap="jumpbrand" data-id="{{item.id}}">
              <view class="imgleft">
                <image src="{{item.logo}}" mode='aspectFit'></image>
              </view>
              <view class="contentright">
                <view class="contenttop">{{item.name}}</view>
                <view class="contenbottom">
                  <text class="textname">{{item.sort_name}}</text>
                  <text class="textname">{{item.country}}</text>
                  <text class="textname">{{item.city}}</text>
                  <text class="textname">{{item.odor_name}}</text>
                </view>
              </view>

            </view>

          </view>
        </view>
      </view>



      <view class='city_list_box'>
        <block wx:for='{{citylist}}' wx:key='this' wx:for-item='letterItem' wx:for-index='letterIndex' >
          <view class='city_first_letter' id='{{letterItem.name}}'>{{letterItem.name}}</view>
          <!-- {{item.cityName}} -->
          <view class='city_name' wx:for='{{letterItem.list}}' id='{{letterItem.name}}' wx:key='this' data-types='list' bindtap="jumpbrand" data-id="{{item.id}}" data-index='{{index}}' data-val='{{item}}'>

            <view class="imgleft">
              <image src="{{item.logo}}" mode="aspectFit"></image>
            </view>
            <view class="contentright">
              <view class="contenttop">{{item.name}}</view>
              <view class="contenbottom">
                <text class="textname">{{item.sort_name}}</text>
                <text class="textname">{{item.country}}</text>
                <text class="textname"> {{item.city}} </text>
                <text class="textname">{{item.odor_name}}</text> </view>
            </view>

          </view>
        </block>
      </view>
    </scroll-view>
  </view>
  <view class='city_right'>
    <text class='letter_item' wx:for='{{letter}}' wx:key='this' catchtap='letterTap' data-item='{{item}}'>{{item}}</text>
  </view>
</view>