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

View File

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

View File

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