cell.wxml 1.3 KB

1234567891011121314151617181920212223242526272829303132333435
  1. <wxs src="./cell.wxs" module="computed" />
  2. <view class="{{computed.classes({isLink,to,center,size})}}" style="{{computed.baseStyle({roundRadius})}}" bindtap="handleClick">
  3. <!-- icon -->
  4. <view class="nut-cell__icon" wx:if="{{icon}}">
  5. <nut-icon class="icon" name="{{icon}}"></nut-icon>
  6. </view>
  7. <view class="nut-cell__icon" wx:else>
  8. <slot name="icon"></slot>
  9. </view>
  10. <!-- 默认 slot -->
  11. <slot></slot>
  12. <!-- title -->
  13. <view class="nut-cell__title" wx:if="{{title || subTitle }}">
  14. <view class="title" wx:if="{{title}}">{{ title }}</view>
  15. <view wx:if="{{subTitle}}" class="nut-cell__title-desc">{{ subTitle }}</view>
  16. </view>
  17. <view class="nut-cell__title" wx:if="{{useLabelSlot}}">
  18. <slot name="title"></slot>
  19. <view wx:if="{{subTitle}}" class="nut-cell__title-desc">{{ subTitle }}</view>
  20. </view>
  21. <view wx:if="{{desc}}"
  22. class="nut-cell__value {{ computed.classAlone({title,subTitle})}}"
  23. style="text-align:{{ descTextAlign }}">{{ desc }}</view>
  24. <!-- link -->
  25. <nut-icon wx:if="{{isLink || to}}" class="nut-cell__link" name="{{rightIcon}}"></nut-icon>
  26. <slot name="link" ></slot>
  27. </view>