feat(TreeSelect): update nav backgroud color

This commit is contained in:
chenjiahan 2020-04-03 14:28:13 +08:00 committed by neverland
parent b23ff3ee89
commit 90db9c8dfa
3 changed files with 26 additions and 26 deletions

View File

@ -2,36 +2,36 @@
<van-grid-item use-slot>
<h3 class="demo-sidebar-title">基础用法</h3>
<van-sidebar custom-class="custom-sidebar">
<van-sidebar-item title="标签名" />
<van-sidebar-item title="标签名" />
<van-sidebar-item title="标签名" />
<van-sidebar-item title="标签名" />
<van-sidebar-item title="标签名" />
<van-sidebar-item title="标签名" />
</van-sidebar>
</van-grid-item>
<van-grid-item use-slot>
<h3 class="demo-sidebar-title">徽标提示</h3>
<van-sidebar custom-class="custom-sidebar">
<van-sidebar-item title="标签名" dot />
<van-sidebar-item title="标签名" info="5" />
<van-sidebar-item title="标签名" info="99+" />
<van-sidebar-item title="标签名" dot />
<van-sidebar-item title="标签名" info="5" />
<van-sidebar-item title="标签名" info="99+" />
</van-sidebar>
</van-grid-item>
<van-grid-item use-slot>
<h3 class="demo-sidebar-title">禁用选项</h3>
<van-sidebar custom-class="custom-sidebar">
<van-sidebar-item title="标签名" />
<van-sidebar-item title="标签名" disabled />
<van-sidebar-item title="标签名" />
<van-sidebar-item title="标签名" />
<van-sidebar-item title="标签名" disabled />
<van-sidebar-item title="标签名" />
</van-sidebar>
</van-grid-item>
<van-grid-item use-slot>
<h3 class="demo-sidebar-title">监听切换事件</h3>
<van-sidebar custom-class="custom-sidebar" bind:change="onChange">
<van-sidebar-item title="标签名1" />
<van-sidebar-item title="标签名2" />
<van-sidebar-item title="标签名3" />
<van-sidebar-item title="标签名 1" />
<van-sidebar-item title="标签名 2" />
<van-sidebar-item title="标签名 3" />
</van-sidebar>
</van-grid-item>
</van-grid>

View File

@ -400,7 +400,7 @@
@sidebar-disabled-text-color: @gray-5;
@sidebar-padding: 20px @padding-sm 20px @padding-xs;
@sidebar-active-color: @active-color;
@sidebar-background-color: @background-color-light;
@sidebar-background-color: @background-color;
@sidebar-selected-font-weight: @font-weight-bold;
@sidebar-selected-text-color: @text-color;
@sidebar-selected-border-color: @red;
@ -541,7 +541,7 @@
// TreeSelect
@tree-select-font-size: @font-size-md;
@tree-select-nav-background-color: @background-color-light;
@tree-select-nav-background-color: @background-color;
@tree-select-content-background-color: @white;
@tree-select-nav-item-padding: @padding-sm @padding-xs @padding-sm @padding-sm;
@tree-select-item-height: 44px;

View File

@ -21,9 +21,9 @@
```html
<van-sidebar active-key="{{ activeKey }}">
<van-sidebar-item title="标签名" />
<van-sidebar-item title="标签名" />
<van-sidebar-item title="标签名" />
<van-sidebar-item title="标签名" />
<van-sidebar-item title="标签名" />
<van-sidebar-item title="标签名" />
</van-sidebar>
```
@ -41,9 +41,9 @@ Page({
```html
<van-sidebar active-key="{{ activeKey }}">
<van-sidebar-item title="标签名" dot />
<van-sidebar-item title="标签名" dot="5" />
<van-sidebar-item title="标签名" dot="99+" />
<van-sidebar-item title="标签名" dot />
<van-sidebar-item title="标签名" dot="5" />
<van-sidebar-item title="标签名" dot="99+" />
</van-sidebar>
```
@ -53,9 +53,9 @@ Page({
```html
<van-sidebar active-key="{{ activeKey }}">
<van-sidebar-item title="标签名" />
<van-sidebar-item title="标签名" disabled />
<van-sidebar-item title="标签名" />
<van-sidebar-item title="标签名" />
<van-sidebar-item title="标签名" disabled />
<van-sidebar-item title="标签名" />
</van-sidebar>
```
@ -65,9 +65,9 @@ Page({
```html
<van-sidebar active-key="{{ activeKey }}" bind:change="onChange">
<van-sidebar-item title="标签名1" />
<van-sidebar-item title="标签名2" />
<van-sidebar-item title="标签名3" />
<van-sidebar-item title="标签名 1" />
<van-sidebar-item title="标签名 2" />
<van-sidebar-item title="标签名 3" />
</van-sidebar>
<van-notify id="van-notify" />