weijinxiao/weijinxiao-WechatApp/component/wx-index-list/wx-index-list.wxml

<wxs src="config.wxs" module="config" />

<view class='list-warpper'>
  <view wx:if="{{config.search}}" class='list-search'>
    <view class='list-search-box'>
      <icon type="search" size="15" />
      <input placeholder="输入城市名或拼音查询" bindinput='input' value="{{value}}" />
    </view>
    <view class='search-button' catchtap='cancel'>取消</view>
  </view>

  <block wx:if="{{list.length != 0 }}">
    <scroll-view class="list-scroll {{config.search?'top':''}}" scroll-y="true" scroll-into-view="{{jumpNum}}" scroll-with-animation="{{config.animation}}">
      <!-- 我的位置  -->
      <view wx:if="{{myCity}}">
        <view class='list-title'>定位到的城市</view>
        <view style='margin-bottom:20rpx;' class='list-horizontal'>
          <view class='list-name ' data-name="{{myCity}}" catchtap='tomycity'>
            {{myCity}}
          </view>
          <view class='list-name none' catchtap='locationMt'>

          </view>
          <view class='list-name none' catchtap='locationMt'>

          </view>
          <view class='list-name none' catchtap='locationMt'>

          </view>
        </view>
      </view>
      <view id="{{'index'+index}}" wx:for="{{list}}" wx:key="key">


        <view style='margin-top:{{index===1?"64rpx":"0"}}' class='list-title'>{{item.title}}</view>
        <block wx:if="{{item.type=='hot'}}">
          <view wx:for="{{item.item}}" wx:for-item="city" wx:for-index="idx" wx:key="city">

            <block wx:if="{{idx%4==0}}">
              <view class='{{index===0&&config.horizontal&&item.type==="hot"?"list-horizontal":""}}'>

                <view class='list-name'  data-detail="{{item.item[idx]}}" catchtap='detailMt'>
                  {{item.item[idx].name}}
                </view>


                <view style="{{item.item[idx+1]!=null?'':' visibility: hidden; '}}" class='list-name' data-detail="{{item.item[idx+1]}}" catchtap='detailMt'>
                  {{item.item[idx+1].name}}
                </view>


                <view style="{{item.item[idx+2]!=null?'':' visibility: hidden; '}}" class='list-name' data-detail="{{item.item[idx+2]}}" catchtap='detailMt'>
                  {{item.item[idx+2].name}}
                </view>


                <view style="{{item.item[idx+3]!=null?'':' visibility: hidden; '}}" class='list-name' data-detail="{{item.item[idx+3]}}" catchtap='detailMt'>
                  {{item.item[idx+3].name}}
                </view>

              </view>
            </block>

          </view>
        </block>
        <block wx:if="{{item.type!='hot'}}">
          <view class='{{index===0&&config.horizontal&&item.type==="hot"?"list-horizontal":""}}'>
            <view class='list-name bottomborder' wx:for="{{item.item}}" wx:for-item="city" wx:for-index="idx" wx:key="city" data-detail="{{city}}" catchtap='detailMt'>
              {{city.name}}
            </view>
          </view>
        </block>
      </view>
    </scroll-view>
    <view class='list-right-wrapper'>
      <view class='right-item' wx:for="{{rightArr}}" wx:key="rightArr" data-id="{{'index'+index}}" catchtap='jumpMt'>
        {{rightArr[index]}}
      </view>
    </view>
  </block>
  <block wx:else>
    <view class='nodata'>没有搜索到相关的数据哦</view>
  </block>
</view>