<wxs
  src="../../_util/arrow.wxs"
  module="arrowUtil"
></wxs>
<view
  class="ant-list-item  {{className ? className : ''}}"
  style="{{style || ''}}"
  hoverClass="{{onTap || catchTap ? 'ant-list-item-hover' : ''}}"
  hoverStartTime="{{20}}"
  hoverStayTime="{{40}}"
>
  <view class="ant-list-item-line {{showDivider ? 'ant-list-item-line-divider' : ''}} {{disabled ? 'ant-list-item-line-disabled' : ''}}">
    <view class="ant-list-item-image-container">
      <image-icon
        wx:if="{{image}}"
        image="{{image}}"
        className="{{brief ? 'ant-list-item-image ant-list-item-image-large' : 'ant-list-item-image ant-list-item-image-normal'}}"
      ></image-icon>
      <block wx:else>
        <slot name="image"></slot>
      </block>
    </view>
    <view class="ant-list-item-content-container">
      <view class="ant-list-item-content-title-container {{title && brief ? 'ant-list-item-content-container-small-text' : 'ant-list-item-content-container-normal-text'}}">
        <view
          wx:if="{{title}}"
          class="ant-list-item-content-title"
        >{{title}}</view>
        <slot
          name="title"
          wx:else
        ></slot>
      </view>
      <view class="ant-list-item-content-main">
        <slot></slot>
      </view>
      <view class="ant-list-item-content-brief-container {{title && brief ? 'ant-list-item-content-container-small-text' : 'ant-list-item-content-container-normal-text'}}">
        <view
          wx:if="{{brief}}"
          class="ant-list-item-content-brief"
        >{{brief}}</view>
        <slot
          name="brief"
          wx:else
        ></slot>
      </view>
    </view>
    <view class="ant-list-item-extra-container">
      <view class="ant-list-item-extra">
        <block wx:if="{{extra}}">{{extra}}</block>
        <block wx:else>
          <slot name="extra"></slot>
        </block>
      </view>
      <view class="ant-list-item-extra-brief">
        <block wx:if="{{extraBrief}}">{{extraBrief}}</block>
        <block wx:else>
          <slot name="extraBrief"></slot>
        </block>
      </view>
    </view>
    <view class="ant-list-item-arrow {{extraBrief && extra ? 'ant-list-item-arrow-large-margin' : ''}}">
      <ant-icon
        wx:if="{{arrowUtil.getArrow(arrow)}}"
        type="{{arrowUtil.getArrow(arrow)}}"
      ></ant-icon>
    </view>
  </view>
</view>