<view
  class="genie-list-item {{className}} {{disabled ? 'genie-list-item--disabled' : ''}}"
  data-index="{{index}}"
  onTap="onItemTap"
>
  <view class="genie-list-item__left">
    <view a:if={{$slots.prefix}}>
      <slot name="prefix"></slot>
    </view>
    <image
      class="genie-list-item__thumb"
      a:if={{thumb}}
      src="{{thumb}}"
    />
    <view>
      <slot></slot>
    </view>
  </view>

  <view class="genie-list-item__right">
    <view
      a:if={{$slots.extra}}
      class="genie-list-item__extra"
    >
      <slot name="extra"></slot>
    </view>
    <view
      class="genie-list-item__arrow"
      a:if={{arrow}}
    ></view>
  </view>
</view>