template.html 1.1 KB

1234567891011121314151617181920212223242526272829
  1. <view :class="classes" :style="baseStyle" @click="handleClick">
  2. <slot>
  3. <view class="nut-cell__icon" v-if="icon || $slots.icon">
  4. <slot name="icon">
  5. <nut-icon v-if="icon" class="icon" :name="icon"></nut-icon>
  6. </slot>
  7. </view>
  8. <view class="nut-cell__title" v-if="title || subTitle || $slots.title">
  9. <template v-if="subTitle">
  10. <slot name="title">
  11. <view class="title">{{ title }}</view>
  12. </slot>
  13. <view class="nut-cell__title-desc">{{ subTitle }}</view>
  14. </template>
  15. <template v-else>
  16. <slot name="title">
  17. {{ title }}
  18. </slot>
  19. </template>
  20. </view>
  21. <view v-if="desc" class="nut-cell__value"
  22. :class="{ 'nut-cell__value--alone': (!title && !subTitle && !$slots.title) }"
  23. :style="{ 'text-align': descTextAlign }">{{ desc }}</view>
  24. <slot name="link">
  25. <nut-icon v-if="isLink || to" class="nut-cell__link" name="right"></nut-icon>
  26. </slot>
  27. </slot>
  28. </view>