<!--subPackage/page/pages/categoryPro/categoryPro.wxml-->
<view class="page-category-pro">
  <view class="pro-nav-wrap">
    <view class="nav-list">
      <view class="nav-item nav-active">推荐</view>
      <view class="nav-item">最新</view>
      <view class="nav-item">最热</view>
      <view class="nav-item">价格</view>
    </view>
    <view class="pro-style" bindtap="switchProStyle">
      <image mode="widthFix" src="{{!proStyle ? '/assets/imgs/7_1_0/category-style-01.png' : '/assets/imgs/7_1_0/category-style-02.png'}}"></image>
    </view>
  </view>
  <product-list-style-one image-data="{{proData}}" wx:if="{{!proStyle}}" />

  <product-list-style-two image-data="{{proData}}"  wx:if="{{proStyle}}" />

  <view class="empty" wx:if="{{proData.length < 1}}">
    暂无商品哦~
  </view>
</view>