提交 3959fd69 编写于 作者: Q qiang

fix: 优化 checkbox 组件鼠标显示效果

上级 43dea5a5
<template>
<uni-checkbox
v-on="$listeners"
<uni-checkbox
:disable="disabled"
v-on="$listeners"
@click="_onClick">
<div class="uni-checkbox-wrapper">
<div
:class="[checkboxChecked ? 'uni-checkbox-input-checked' : '']"
:style="{color:color}"
<div
:class="[checkboxChecked ? 'uni-checkbox-input-checked' : '']"
:style="{color:color}"
class="uni-checkbox-input" />
<slot />
</div>
......@@ -97,12 +98,17 @@ export default {
uni-checkbox {
-webkit-tap-highlight-color: transparent;
display: inline-block;
cursor: pointer;
}
uni-checkbox[hidden] {
display: none;
}
uni-checkbox[disabled] {
cursor: not-allowed;
}
uni-checkbox .uni-checkbox-wrapper {
display: -webkit-inline-flex;
display: inline-flex;
......@@ -124,6 +130,10 @@ export default {
position: relative;
}
uni-checkbox:not([disabled]) .uni-checkbox-input:hover {
border-color: #007aff;
}
uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked {
color: #007aff;
}
......@@ -150,4 +160,4 @@ export default {
uni-checkbox-group {
display: block;
}
</style>
</style>
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册