<!--static/nativeComponents/MerchantsList/index.wxml-->
<view class="merchants-list" wx:if="{{showList}}" style="border-radius:{{datas.componentData.moduleRadius * 2}}rpx;padding-top:{{datas.componentData.levelMargin * 2}}rpx;padding-bottom:{{datas.componentData.levelMargin * 2}}rpx;padding-left:{{datas.componentData.verticalMargin * 2}}rpx;padding-right:{{datas.componentData.verticalMargin * 2}}rpx;--modelBackgroundColor:{{datas.componentData.modelBackgroundColor}};--lineHeight:{{datas.componentData.lineHeight * 2}}rpx;--columnHeight:{{datas.componentData.columnHeight * 2}}rpx;--columnDistance:{{datas.componentData.columnHeight}}rpx;--pictureBackgroundColor:{{datas.componentData.pictureBackgroundColor}}">
  <view wx:if="{{skeletonLoading}}">
    <view wx:if="{{datas.componentData.layoutType == 0}}">
      <skeleton-block loading="{{skeletonLoading}}" type="{{'flow'}}"></skeleton-block>
    </view>
    <view wx:if="{{datas.componentData.layoutType == 1}}">
      <skeleton-block loading="{{skeletonLoading}}" type="{{'row'}}" height="30" row="1" col="4"></skeleton-block>
    </view>
    <view wx:if="{{datas.componentData.layoutType == 2}}">
      <skeleton-block loading="{{skeletonLoading}}" type="{{'col'}}" row="1" col="2" height="50"></skeleton-block>
    </view>
  </view>
  <view wx:if="{{datas.componentData.layoutType == 0}}" id="ItemModule0">
    <view class="layoutType0">
      <view class="type-l">
        <view wx:for="{{WaterfallFlowListL}}" :wx:key="index">
          <view wx:for="{{item}}" wx:for-item="item1" wx:for-index="index1">
            <view class="ItemModule ItemModule3" bindtap="itemClick" data-item="{{item1}}">
              <view class="product-item">
                <view class="product-img">
                  <image src="{{item1.logoUrl}}" mode="widthFix"></image>
                </view>
                <view class="product-info">
                  <text class="name">{{item1.shopName}}</text>
                  <view class="des">{{item1.remark}}</view>
                  <view class="label" wx:if="{{datas.componentData.tagFlag}}">
                    <view class="labelItem" wx:for="{{item1.tagInfoResponseDTOS}}" wx:for-index="idx" wx:for-item="itemName">{{itemName.tagName}}</view>
                  </view>
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
      <view class="type-r ">
        <view wx:for="{{WaterfallFlowListR}}" wx:key="index">
          <view wx:for="{{item}}" wx:for-item="item1" wx:for-index="index1">
            <view class="ItemModule ItemModule3" bindtap="itemClick" data-item="{{item1}}">
              <view class="product-item">
                <view class="product-img">
                  <image src="{{item1.logoUrl}}" mode="widthFix"></image>
                </view>
                <view class="product-info">
                  <text class="name">{{item1.shopName}}</text>
                  <view class="des">{{item1.remark}}</view>
                  <view class="label" wx:if="{{datas.componentData.tagFlag}}">
                    <view class="labelItem" wx:for="{{item1.tagInfoResponseDTOS}}" wx:for-index="idx" wx:for-item="itemName">{{itemName.tagName}}</view>
                  </view>
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
    <view class="placeholderRect">{{ !finished ? "加载中" : "没有更多了" }}</view>
  </view>
  <view wx:elif="{{datas.componentData.layoutType == 1}}"  id="ItemModule1">
    <view wx:for="{{WaterfallFlowList}}" wx:key="index">
      <view wx:for="{{item}}" wx:for-item="item1" wx:for-index="index1">
        <view class="ItemModule ItemModule1" bindtap="itemClick"  data-item="{{item1}}">
          <view class="product-item item-row" >
            <view class="product-img">
              <image mode="aspectFill" src="{{item1.logoUrl}}"></image>
            </view>
            <view class="product-info">
              <text class="name">{{item1.shopName}}</text>
              <view class="des">{{item1.remark}}</view>
              <view class="label" wx:if="{{datas.componentData.tagFlag}}">
                <view class="labelItem" wx:for="{{item1.tagInfoResponseDTOS}}" wx:for-index="idx" wx:for-item="itemName">{{itemName.tagName}}</view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
    <view class="placeholderRect">{{ !finished ? "加载中" : "没有更多了" }}</view>
  </view>
  <view wx:elif="{{datas.componentData.layoutType == 2}}">
    <view class="layoutType2">
      <scroll-view scroll-x="true" bindscrolltolower="scrolltolower" class="HorizontalRoll">
      <view style="display:flex;">
        <view wx:for="{{WaterfallFlowList}}" wx:key="index" style="display:inline-block">
        
          <view class="layoutType2-content" wx:for="{{item}}" wx:for-item="item1" wx:for-index="index1">
            <view class="ItemModule ItemModule2" bindtap="itemClick" data-item="{{item1}}">
              <view class="product-item">
                <view class="product-img">
                  <image mode="aspectFill" src="{{item1.logoUrl}}"></image>
                </view>
                <view class="product-info">
                  <text class="name">{{item1.shopName}}</text>
                  <view class="des">{{item1.remark}}</view>
                </view>
              </view>
            </view>
          </view>
        </view>
        <view class="bottom" ref="bottomDom">
          <view>{{ !finished ? "" : "没有更多了" }}</view>
        </view>
        </view>
      </scroll-view>
    </view>
  </view>
</view>