radio.wxml 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <wxs src="../common/utils.wxs" module="_" />
  2. <view
  3. style="{{_._style([style, customStyle])}}"
  4. class="{{_.cls(classPrefix, [_placement, ['block', block]])}} class {{prefix}}-class"
  5. disabled="{{disabled}}"
  6. aria-role="radio"
  7. aria-checked="{{checked}}"
  8. aria-label="{{label + content}}"
  9. aria-disabled="{{disabled}}"
  10. tabindex="{{tabindex}}"
  11. bind:tap="handleTap"
  12. >
  13. <view
  14. class="{{_.cls(classPrefix + '__icon', [_placement, ['checked', checked], ['disabled', disabled]])}} {{prefix}}-class-icon"
  15. >
  16. <slot name="icon" wx:if="{{slotIcon}}" />
  17. <view wx:elif="{{customIcon}}" class="{{classPrefix}}__image">
  18. <image src="{{checked ? iconVal[0] : iconVal[1]}}" class="{{classPrefix}}-icon__image" webp />
  19. </view>
  20. <block wx:else>
  21. <t-icon
  22. wx:if="{{checked && (icon == 'circle' || icon == 'line')}}"
  23. name="{{icon == 'circle' ? 'check-circle-filled' : 'check'}}"
  24. class="{{classPrefix}}__icon-wrap"
  25. />
  26. <view
  27. wx:if="{{checked && icon == 'dot'}}"
  28. class="{{_.cls(classPrefix + '__icon-' + icon, [['disabled', disabled]])}}"
  29. />
  30. <view
  31. wx:if="{{!checked && (icon == 'circle' || icon == 'dot')}}"
  32. class="{{_.cls(classPrefix + '__icon-circle', [['disabled', disabled]])}}"
  33. />
  34. <!-- line && unchecked 为空 需要展位元素 -->
  35. <view wx:if="{{!checked && icon == 'line'}}" class="placeholder"></view>
  36. </block>
  37. </view>
  38. <view class="{{classPrefix}}__content" data-target="text" catch:tap="handleTap">
  39. <view
  40. class="{{_.cls(classPrefix + '__title', [['disabled', disabled], ['checked', checked]])}} {{prefix}}-class-label"
  41. style="-webkit-line-clamp:{{maxLabelRow}}"
  42. >
  43. {{label}}
  44. <slot />
  45. <slot name="label" />
  46. </view>
  47. <view
  48. class="{{_.cls(classPrefix + '__description', [['disabled', disabled], ['checked', checked]])}} {{prefix}}-class-content "
  49. style="-webkit-line-clamp:{{maxContentRow}}"
  50. >{{content}}<slot name="content"
  51. /></view>
  52. </view>
  53. <view wx:if="{{!borderless}}" class="{{_.cls(classPrefix + '__border', [_placement])}} {{prefix}}-class-border" />
  54. </view>