<!--suppress ALL -->
<view class="waft-cell {{size == 'small' ? 'waft-cell-small' : 'waft-cell-normal'}} {{border ? 'waft-cell-border' : ''}}"
      style="border-color: {{ borderColor ? borderColor : "#F0F2F7" }}"
      onTap="onHandleClick"
>
  <!-- 开头图标部分 -->
  <view class="waft-cell-icon" a:if="{{icon}}" style="background-image: url('{{icon}}')"></view>
  <image src="{{ icon }}"></image>
  <slot name="icon"></slot>
  <!-- 标题 label 部分 -->
  <view class="waft-cell-instruct {{title || label ? 'waft-cell-instruct-padding' : ''}}"
        style="width: {{labelWidth && labelWidth != 0 ? (labelWidth + 'rpx') : 'auto'}}"
  >
    <view class="waft-cell-title {{titleClass ? titleClass : ''}}"
          style="color: {{titleColor}};font-weight: {{titleWeight}};{{titleStyle ? titleStyle : ''}}"
          a:if="{{title}}"
    >
      <text>{{ title }}</text>
    </view>
    <slot name="title" a:else></slot>
    <view class="waft-cell-label {{labelClass ? labelClass : ''}}"
          style="color: {{labelColor}};{{labelStyle ? labelStyle : ''}}"
          a:if="{{label}}"
    >
      <text>{{ label }}</text>
    </view>
    <slot name="label" a:else></slot>
  </view>
  <!-- 内容部分 -->
  <view class="waft-cell-content {{valueClass ? valueClass : ''}}"
        style="justify-content: {{align == 'right' ? 'flex-end' : 'flex-start'}};align-items: {{center ? 'center' : 'flex-start'}};color: {{valueColor}}; {{valueStyle ? valueStyle : ''}}"
  >
    <text a:if="{{value}}">{{ value }}</text>
    <slot a:else></slot>
  </view>
  <!-- 尾部图标部分 -->
  <view class="waft-cell-link waft-cell-link-{{arrowDirection}}" a:if="{{isLink}}"></view>
  <slot name="extra" a:else></slot>
</view>