<view
  class="{{classPrefix}} t-class"
  style="{{ gridItemStyle }}"
  hover-class="{{hover ? classPrefix + '--hover':''}}"
  hover-stay-time="{{200}}"
  bindtap="onClick"
>
  <view
    class="{{classPrefix}}__wrapper {{layout==='horizontal' ? classPrefix + '--horizontal' : ''}}"
    style="{{gridItemWrapperStyle}}"
  >
    <view
      class="{{classPrefix}}__content {{classPrefix + '--' + (align === 'center' ? 'center' : 'left')}}"
      style="{{gridItemContentStyle}}"
    >
      <slot />
      <view class="{{classPrefix}}__image">
        <t-image wx:if="{{image && image !== 'slot'}}" src="{{image}}" class="t-class-image" />
        <slot wx:else name="image" class="t-class-image"></slot>
      </view>
      <view class="{{classPrefix}}__words">
        <view wx:if="{{text && text !== 'slot'}}" class="{{classPrefix}}__text t-class-text"> {{text}} </view>
        <slot wx:else name="text" class="t-class-text"></slot>
        <view wx:if="{{description && description!== 'slot'}}" class="{{classPrefix}}__description t-class-description">
          {{description}}
        </view>
        <slot wx:else name="description" class="t-class-description"></slot>
      </view>
    </view>
  </view>
</view>
