<!-- 轮播 -->
<view class="page-section">
  <swiper
    indicator-dots="{{true}}"
    indicator-color="rgba(130, 130, 130, 1)"
    indicator-active-color="#FFF"
    autoplay="{{false}}">
    <block wx:for="{{background}}" wx:key="*this">
      <swiper-item>
        <view class="swiper-item {{item}}">
          <image src=""></image>
        </view>
      </swiper-item>
    </block>
  </swiper>
</view>
<view class="main-information">
  <view class="tag-list">
    <text>蔬菜</text>
  </view>
  <text
    class="name"
    user-select>名字</text>
  <view class="unit-price">
    <text class="price">¥23.00</text>
    <text class="unit">/ kg</text>
  </view>
</view>
<customer-tab
  nav="{{nav}}"
  active="{{active}}"
  bind:change="handleNav"/>
  <!--描述-->
<view
  class="business-info"
  hidden="{{active === '2'}}">
  <text class="introduce" user-select>一段描述</text>
  <block wx:if="{{false}}">
    <view class="subtitle">预计上架时间</view>
    <view class="date">2022年09月10日</view>
  </block>
  <block wx:if="{{true}}">
    <view class="subtitle">相关产品</view>
    <scroll-view
      class="goods-scroll"
      scroll-x>
      <view
        class="item"
        wx:for="{{[1, 2, 3, 4]}}"
        wx:key="item">
        <view>
          <view class="photo">
            <image src=""></image>
          </view>
          <view class="info">
            <text
              class="name">名字名字名字名字名字名字名字名字</text>
            <view class="unit-price">
              <text class="price">¥23.00</text>
              <text class="unit">/ kg</text>
            </view>
          </view>
        </view>
      </view>
    </scroll-view>
  </block>
</view>
  <!-- todo 供应商-->
<view
  class="business-info"
  hidden="{{active === '1'}}">
  供应商
</view>

<view
  class="fixed-bottom"
  hidden="{{active === '2'}}">
  <view>
    <button
      class="btn-collection"
      type="primary"
      wx:if="{{false}}">收藏预售产品
    </button>
    <block wx:if="{{true}}">
      <button
        class="btn-collection"
        type="primary">添加购物车
      </button>
      <button
        class="btn-collection"
        type="primary">添加收藏夹
      </button>
    </block>
  </view>
</view>
