feat: 登录的选项框的颜色
This commit is contained in:
@@ -4,8 +4,8 @@
|
|||||||
class="checkbox-icon"
|
class="checkbox-icon"
|
||||||
:type="isChecked"
|
:type="isChecked"
|
||||||
:checked="isChecked"
|
:checked="isChecked"
|
||||||
:color="iconColor"
|
|
||||||
size="24"
|
size="24"
|
||||||
|
color="opacity"
|
||||||
/>
|
/>
|
||||||
<slot></slot>
|
<slot></slot>
|
||||||
</view>
|
</view>
|
||||||
@@ -28,11 +28,6 @@ const isChecked = computed(() => {
|
|||||||
return props.modelValue ? "checkbox-filled" : "circle";
|
return props.modelValue ? "checkbox-filled" : "circle";
|
||||||
});
|
});
|
||||||
|
|
||||||
// 计算图标颜色
|
|
||||||
const iconColor = computed(() => {
|
|
||||||
return props.modelValue ? "#1890FF" : "#00A6FF";
|
|
||||||
});
|
|
||||||
|
|
||||||
// 切换选中状态
|
// 切换选中状态
|
||||||
const onChange = () => {
|
const onChange = () => {
|
||||||
emit("update:modelValue", !props.modelValue);
|
emit("update:modelValue", !props.modelValue);
|
||||||
|
|||||||
@@ -5,5 +5,6 @@
|
|||||||
|
|
||||||
.checkbox-icon {
|
.checkbox-icon {
|
||||||
margin-right: 6px;
|
margin-right: 6px;
|
||||||
|
color: $theme-color-500;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user