cell.wxml 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <wxs src="../common/utils.wxs" module="_" />
  2. <view
  3. style="{{_._style([style, customStyle])}}"
  4. class="{{prefix}}-class {{classPrefix}} {{ hover ? classPrefix + '--hover' : ''}} {{ !bordered ? classPrefix + '--borderless' : ''}} {{classPrefix}}--{{align}}"
  5. hover-class="{{classPrefix}}--hover-class"
  6. hover-stay-time="70"
  7. bind:tap="onClick"
  8. aria-role="{{ariaRole || (arrow ? 'button' : '')}}"
  9. aria-label="{{ariaLabel}}"
  10. >
  11. <view class="{{classPrefix}}__left {{prefix}}-class-left">
  12. <t-icon
  13. wx:if="{{ leftIcon }}"
  14. name="{{leftIcon}}"
  15. t-class="{{classPrefix}}__left-icon {{prefix}}-class-left-icon"
  16. />
  17. <slot name="left-icon" />
  18. <t-image
  19. wx:if="{{ image }}"
  20. shape="round"
  21. t-class="{{classPrefix}}__left-image {{prefix}}-class-image"
  22. src="{{ image }}"
  23. />
  24. <slot name="image" />
  25. </view>
  26. <view class="{{classPrefix}}__title {{prefix}}-class-title">
  27. <view class="{{classPrefix}}__title-text">
  28. <block wx:if="{{ title }}"> {{ title}} </block>
  29. <slot name="title" />
  30. <block wx:if="{{required}}">
  31. <text decode class="{{classPrefix}}--required">&nbsp;*</text>
  32. </block>
  33. </view>
  34. <view class="{{classPrefix}}__description {{prefix}}-class-description">
  35. <view wx:if="{{ description }}" class="{{classPrefix}}__description-text">{{description}}</view>
  36. <slot name="description" />
  37. </view>
  38. </view>
  39. <view class="{{classPrefix}}__note {{prefix}}-class-note">
  40. <text wx:if="{{ note }}">{{note}}</text>
  41. <slot name="note" />
  42. </view>
  43. <view class="{{classPrefix}}__right {{prefix}}-class-right">
  44. <t-icon
  45. wx:if="{{ arrow }}"
  46. name="chevron-right"
  47. t-class="{{classPrefix}}__right-icon {{prefix}}-class-right-icon"
  48. />
  49. <block wx:else>
  50. <t-icon name="{{rightIcon}}" t-class="{{classPrefix}}__right-icon {{prefix}}-class-right-icon" />
  51. <slot name="right-icon" />
  52. </block>
  53. </view>
  54. </view>