drip-public/iview
6
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update Checkbox indeterminate style

Browse source 
update Checkbox indeterminate style
This commit is contained in:
梁灏 2017-02-07 13:41:09 +08:00
parent b923c8187c
commit 07e243ffc1
2 changed files with 19 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/components/tree/tree.vue
View file

@ -10,6 +10,7 @@
<Checkbox <Checkbox
:checked="item.checked && item.childrenCheckedStatus == 2" :checked="item.checked && item.childrenCheckedStatus == 2"
:disabled="item.disabled || item.disableCheckbox" :disabled="item.disabled || item.disableCheckbox"
:indeterminate="item.checked && item.childrenCheckedStatus == 1"
@click.prevent="setCheck(item.disabled||item.disableCheckbox,$index)"></Checkbox> @click.prevent="setCheck(item.disabled||item.disableCheckbox,$index)"></Checkbox>
<a :class="titleCls(item)" @click="setSelect(item.disabled, $index)"> <a :class="titleCls(item)" @click="setSelect(item.disabled, $index)">
<span :class="[prefixCls + '-title']" v-html="item.title"></span> <span :class="[prefixCls + '-title']" v-html="item.title"></span>

18
src/styles/mixins/checkbox.less
View file

@ -142,6 +142,24 @@
} }
} }
// 半选状态
.@{checkbox-prefix-cls}-indeterminate{
.@{checkbox-inner-prefix-cls}:after{
content: '';
width: 8px;
height: 1px;
transform: scale(1);
position: absolute;
left: 2px;
top: 5px;
}
.@{checkbox-inner-prefix-cls}{
background-color: @primary-color;
border-color: @primary-color;
}
}
.@{checkbox-prefix-cls}-wrapper { .@{checkbox-prefix-cls}-wrapper {
cursor: pointer; cursor: pointer;
font-size: @font-size-small; font-size: @font-size-small;