1234567891011121314151617181920212223242526272829303132 |
- <import-sjs
- from="./index.sjs"
- name="componentUtils" />
- <label
- class="ant-checkbox-item {{ className || '' }}"
- style="{{ style || '' }}">
- <view class="ant-checkbox-item-container">
- <view class="ant-checkbox-item-wrap">
- <checkbox
- class="ant-checkbox-item-base"
- value="{{ value }}"
- onChange="onChange"
- checked="{{ mixin.value }}"
- disabled="{{ disabled }}" />
- <view class="ant-checkbox-item-fake">
- <view
- class="ant-checkbox-item-fake-{{ componentUtils.getClassName(mixin.value, disabled) }}"
- style="{{ mixin.value && !disabled && color ? 'background:' + color : '' }}">
- <ant-icon
- a:if="{{ mixin.value }}"
- type="CheckOutline"
- className="ant-checkbox-item-fake-{{ componentUtils.getClassName(mixin.value, disabled) }}-icon" />
- </view>
- </view>
- </view>
- <view
- class="ant-checkbox-item-content {{ disabled ? 'ant-checkbox-item-disabled' : '' }}">
- <slot />
- </view>
- </view>
- </label>
|