index.wxml 1.5 KB

12345678910111213141516171819202122232425
  1. <label class="wux-class {{ classes.wrap }}" bindtap="onChange" style="{{ extStyle }}">
  2. <block wx:if="{{ type === 'checkbox' }}">
  3. <checkbox value="{{ value }}" checked="{{ inputChecked }}" color="{{ inputColor }}" disabled="{{ disabled }}" class="wux-input-class {{ classes.input }}" />
  4. <block wx:if="{{ inputChecked && innerIconOn }}">
  5. <icon class="{{ classes.icon }}" type="{{ innerIconOn }}" size="{{ innerIconSize }}" color="{{ !disabled ? inputColor : '#666' }}" />
  6. </block>
  7. <block wx:elif="{{ !inputChecked && innerIconOff }}">
  8. <icon class="{{ classes.icon }}" type="{{ innerIconOff }}" size="{{ innerIconSize }}" color="{{ !disabled ? inputColor : '#666' }}" />
  9. </block>
  10. </block>
  11. <block wx:elif="{{ type === 'radio' }}">
  12. <radio value="{{ value }}" checked="{{ inputChecked }}" color="{{ inputColor }}" disabled="{{ disabled }}" class="wux-input-class {{ classes.input }}" />
  13. <block wx:if="{{ inputChecked && innerIconOn }}">
  14. <icon class="{{ classes.icon }}" type="{{ innerIconOn }}" size="{{ innerIconSize }}" color="{{ !disabled ? inputColor : '#666' }}" />
  15. </block>
  16. <block wx:elif="{{ !inputChecked && innerIconOff }}">
  17. <icon class="{{ classes.icon }}" type="{{ innerIconOff }}" size="{{ innerIconSize }}" color="{{ !disabled ? inputColor : '#666' }}" />
  18. </block>
  19. </block>
  20. <block wx:else>
  21. <slot name="icon-on" wx:if="{{ inputChecked }}"></slot>
  22. <slot name="icon-off" wx:else></slot>
  23. </block>
  24. <slot></slot>
  25. </label>