feat(TreeSelect): add @tree-select-item-selected-size var

This commit is contained in:
陈嘉涵 2019-12-29 08:16:20 +08:00 committed by neverland
parent eb02336622
commit 3731597520
4 changed files with 7 additions and 5 deletions

View File

@ -739,6 +739,7 @@
@tree-select-item-height: 44px; @tree-select-item-height: 44px;
@tree-select-item-active-color: @red; @tree-select-item-active-color: @red;
@tree-select-item-disabled-color: @gray-5; @tree-select-item-disabled-color: @gray-5;
@tree-select-item-selected-size: 16px;
// Uploader // Uploader
@uploader-size: 80px; @uploader-size: 80px;

View File

@ -44,5 +44,6 @@
top: 50%; top: 50%;
right: @padding-md; right: @padding-md;
margin-top: -@padding-xs; margin-top: -@padding-xs;
font-size: @tree-select-item-selected-size;
} }
} }

View File

@ -106,7 +106,7 @@ function TreeSelect(
> >
{item.text} {item.text}
{isActiveItem(item.id) && ( {isActiveItem(item.id) && (
<Icon name="checked" size="16px" class={bem('selected')} /> <Icon name="checked" class={bem('selected')} />
)} )}
</div> </div>
)); ));

View File

@ -18,7 +18,7 @@ exports[`renders demo correctly 1`] = `
</div> </div>
</a></div> </a></div>
<div class="van-tree-select__content"> <div class="van-tree-select__content">
<div class="van-ellipsis van-tree-select__item van-tree-select__item--active">杭州<i class="van-icon van-icon-checked van-tree-select__selected" style="font-size: 16px;"> <div class="van-ellipsis van-tree-select__item van-tree-select__item--active">杭州<i class="van-icon van-icon-checked van-tree-select__selected">
<!----></i></div> <!----></i></div>
<div class="van-ellipsis van-tree-select__item">温州</div> <div class="van-ellipsis van-tree-select__item">温州</div>
<div class="van-ellipsis van-tree-select__item van-tree-select__item--disabled">宁波</div> <div class="van-ellipsis van-tree-select__item van-tree-select__item--disabled">宁波</div>
@ -42,9 +42,9 @@ exports[`renders demo correctly 1`] = `
</div> </div>
</a></div> </a></div>
<div class="van-tree-select__content"> <div class="van-tree-select__content">
<div class="van-ellipsis van-tree-select__item van-tree-select__item--active">杭州<i class="van-icon van-icon-checked van-tree-select__selected" style="font-size: 16px;"> <div class="van-ellipsis van-tree-select__item van-tree-select__item--active">杭州<i class="van-icon van-icon-checked van-tree-select__selected">
<!----></i></div> <!----></i></div>
<div class="van-ellipsis van-tree-select__item van-tree-select__item--active">温州<i class="van-icon van-icon-checked van-tree-select__selected" style="font-size: 16px;"> <div class="van-ellipsis van-tree-select__item van-tree-select__item--active">温州<i class="van-icon van-icon-checked van-tree-select__selected">
<!----></i></div> <!----></i></div>
<div class="van-ellipsis van-tree-select__item van-tree-select__item--disabled">宁波</div> <div class="van-ellipsis van-tree-select__item van-tree-select__item--disabled">宁波</div>
<div class="van-ellipsis van-tree-select__item">义乌</div> <div class="van-ellipsis van-tree-select__item">义乌</div>
@ -81,7 +81,7 @@ exports[`renders demo correctly 1`] = `
</div> </div>
</a></div> </a></div>
<div class="van-tree-select__content"> <div class="van-tree-select__content">
<div class="van-ellipsis van-tree-select__item van-tree-select__item--active">杭州<i class="van-icon van-icon-checked van-tree-select__selected" style="font-size: 16px;"> <div class="van-ellipsis van-tree-select__item van-tree-select__item--active">杭州<i class="van-icon van-icon-checked van-tree-select__selected">
<!----></i></div> <!----></i></div>
<div class="van-ellipsis van-tree-select__item">温州</div> <div class="van-ellipsis van-tree-select__item">温州</div>
<div class="van-ellipsis van-tree-select__item van-tree-select__item--disabled">宁波</div> <div class="van-ellipsis van-tree-select__item van-tree-select__item--disabled">宁波</div>