<!--static/nativeComponents/SpeedyNav/index.wxml-->
<view class="speedy-nav" style="background-color:{{datas.componentData.backgroundColor || ''}}">
  <view class="speedy-nav-skeleton skeleton-animate" wx:if="{{getTypeStyle==='across' && !loading}}">
  <view wx:for="{{[1,2,3,4]}}" class="speedy-nav-skeleton-item">
    <view class="skeleton-blocks"></view>
    <view class="skeleton_100 skeleton-title"></view>
  </view>
  </view>
  <view class="goods1 goods1-wibkit" wx:if="{{getTypeStyle == 'across'}}" style="margin-left:{{-datas.componentData.proGap * 2}}rpx;padding-top:{{datas.componentData.paddingList[0]['value'] * 2}}rpx;padding-bottom:{{datas.componentData.paddingList[1]['value'] * 2}}rpx;padding-left:{{datas.componentData.paddingList[2]['value'] * 2}}rpx;padding-right:{{datas.componentData.paddingList[3]['value'] * 2}}rpx">
  <view class="prev-btn" wx:if="loading">
    <i class="iconfont-common common-iconyoujiantou" style="font-size:30px"></i>
  </view>
  <view class="next-btn" wx:if="loading">
    <i class="iconfont-common common-iconyoujiantou" style="font-size:30px"></i>
  </view>

  <view class="goods-item" wx:for="{{categoryList}}" style="width:{{getColumnWidth}}" bindtap="onclick" data-item="{{item}}">
    <view class="items" style="margin-left:{{datas.componentData.proGap *2}}rpx">
      <view class="imgBox slidebox2" style="border-radius:{{getStyle}}">
        <image src="{{item.categoryBigImg || item.categoryImgUrl}}"></image>
      </view>
      <view class="info">
        <view class="name line-clamp1" style="color:{{datas.componentData['textColor']}}">{{item.categoryName}}</view>
      </view>
    </view>
  </view>
  </view>


  <view class="speedy-nav-skeleton skeleton-animate" wx:if="{{getTypeStyle==='list' && !loading}}">
    <view wx:for="{{[1,2,3,4,5,6,7,8]}}" class="speedy-nav-skeleton-item">
      <view class="skeleton-blocks"></view>
      <view class="skeleton_100 skeleton-title"></view>
    </view>
  </view>
  <view class="goods3 goods1-wibkit" wx:if="{{ getTypeStyle==='list' && loading }}" style="display:flex;flex-wrap: wrap;margin-left:{{-datas.componentData.proGap * 2}}rpx;padding-top:{{datas.componentData.paddingList[0]['value'] * 2}}rpx;padding-bottom:{{datas.componentData.paddingList[1]['value'] * 2}}rpx;padding-left:{{datas.componentData.paddingList[2]['value'] * 2}}rpx;padding-right:{{datas.componentData.paddingList[3]['value'] * 2}}rpx">
     <view class="goods-item" wx:for="{{categoryList}}" style="width:{{getColumnWidth}}" bindtap="onclick" data-item="{{item}}">
    <view class="items" style="margin-left:{{datas.componentData.proGap *2}}rpx">
      <view class="imgBox slidebox2" style="border-radius:{{getStyle}}">
        <image src="{{item.categoryBigImg || item.categoryImgUrl}}"></image>
      </view>
      <view class="info">
        <view class="name line-clamp1" style="color:{{datas.componentData['textColor']}}">{{item.categoryName}}</view>
      </view>
    </view>
  </view>
  </view> 
</view>