💄(checkbox): 优化 checkbox 选中代码

更新文档
This commit is contained in:
就眠儀式 2022-06-18 14:44:04 +08:00
parent a694119cd1
commit 04b52e0814

View File

@ -5,6 +5,7 @@ export default {
</script>
<script setup lang="ts">
import { LayIcon } from "@layui/icons-vue";
import { computed, inject } from "vue";
import "./index.less";
@ -107,9 +108,7 @@ const handleClick = function () {
:lay-skin="skin"
>
<span v-if="$slots?.default"><slot></slot></span>
<i :class="{ 'layui-icon layui-icon-subtraction' : isChecked }" v-if="props.isIndeterminate"></i>
<i :class="{ 'layui-icon layui-icon-ok': isChecked }" v-else></i>
<lay-icon :type="props.isIndeterminate && isChecked ? 'layui-icon-subtraction' : 'layui-icon-ok'"></lay-icon>
</div>
</span>
</template>