<view
  class="sc-goods__item {{ itemContainerClass }}"
  bindtap="handleGoodsClick"
>
  <!-- 图片区域 -->
  <view
    class="sc-goods__photo {{ photoContainerClass }}"
  >
    <image
      class="sc-goods__image"
      mode="{{ imageFillMode }}"
      lazy-load="true"
      bindload="handleImageLoaded"
      data-alias="{{ goodsInfo.alias }}"
      data-width="{{ goodsInfo.width }}"
      data-height="{{ goodsInfo.height }}"
      src="{{ goodsInfo.image_url }}"
      style="height: auto; {{ imageStyle }}"
    />
  </view>

  <!-- 详情区域 -->
  <view
    wx:if="{{ isShowDetail }}"
    class="sc-goods__info {{ detailContainerClass }}"
  >
    <view
      wx:if="{{ isShowTitle }}"
      class="title"
    >
      {{ goodsInfo.title }}
    </view>

    <view
      wx:if="{{ isShowSubTitle }}"
      class="sub-title"
    >
      {{ goodsInfo.sub_title }}
    </view>

    <view
      wx:if="{{ isShowPrice }}"
      class="price"
    >
      <text class="rmb">¥</text> {{ goodsInfo.price }}
    </view>
  </view>

  <!-- 按钮区域 -->
  <buy-button
    wx:if="{{ isShowBuyButton }}"
    type="{{ buyButtonTypeEnum }}"
    button-text="{{ buttonText }}"
    bindbuy="handleGoodsBuyClick"
    btn-wrapper-class="{{ 'sc-goods__buy-btn-wrapper' }}"
    btn-type-class="{{ 'sc-goods__buy-btn-wrapper--' + buyButtonTypeEnum }}"
  />

  <!-- corner mark 区域 -->
  <corner-mark
    wx:if="{{ showCornerMark }}"
    type="{{ cornerMarkType }}"
    mark-image="{{ cornerMarkImage }}"
  />
</view>
