blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-05 19:41:42 +08:00
Code Issues Projects Releases Wiki Activity

style(AcitonBar): add @action-bar-icon-background-color less var (#8474)

Browse Source
This commit is contained in:
neverland 2021-04-08 10:14:34 +08:00 committed by GitHub
parent 3214b1dd80
commit 2a90cdbd71
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 33 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/action-bar-icon/index.less
View File

@ -10,7 +10,7 @@
font-size: @action-bar-icon-font-size;
line-height: 1;
text-align: center;
background-color: @white;
background-color: @action-bar-icon-background-color;
cursor: pointer;
&:active {
@ -18,8 +18,7 @@
}
&__icon {
width: 1em;
margin: 0 auto 5px;
margin: 0 auto @padding-base;
color: @action-bar-icon-color;
font-size: @action-bar-icon-size;
}

1
src/action-bar-icon/var.less
View File

@ -7,3 +7,4 @@
@action-bar-icon-font-size: @font-size-xs;
@action-bar-icon-active-color: @active-color;
@action-bar-icon-text-color: @gray-7;
@action-bar-icon-background-color: @white;

29
src/action-bar/README.md
View File

@ -136,17 +136,18 @@ Use `badge` prop to show badge in icon.
How to use: [Custom Theme](#/en-US/theme).
| Name | Default Value | Description |
| -------------------------------- | ------------------ | ----------- |
| @action-bar-background-color | `@white` | - |
| @action-bar-height | `50px` | - |
| @action-bar-icon-width | `48px` | - |
| @action-bar-icon-height | `100%` | - |
| @action-bar-icon-color | `@text-color` | - |
| @action-bar-icon-size | `18px` | - |
| @action-bar-icon-font-size | `@font-size-xs` | - |
| @action-bar-icon-active-color | `@active-color` | - |
| @action-bar-icon-text-color | `@gray-7` | - |
| @action-bar-button-height | `40px` | - |
| @action-bar-button-warning-color | `@gradient-orange` | - |
| @action-bar-button-danger-color | `@gradient-red` | - |
| Name | Default Value | Description |
| --------------------------------- | ------------------ | ----------- |
| @action-bar-background-color | `@white` | - |
| @action-bar-height | `50px` | - |
| @action-bar-icon-width | `48px` | - |
| @action-bar-icon-height | `100%` | - |
| @action-bar-icon-color | `@text-color` | - |
| @action-bar-icon-size | `18px` | - |
| @action-bar-icon-font-size | `@font-size-xs` | - |
| @action-bar-icon-active-color | `@active-color` | - |
| @action-bar-icon-text-color | `@gray-7` | - |
| @action-bar-icon-background-color | `@white` | - |
| @action-bar-button-height | `40px` | - |
| @action-bar-button-warning-color | `@gradient-orange` | - |
| @action-bar-button-danger-color | `@gradient-red` | - |

29
src/action-bar/README.zh-CN.md
View File

@ -140,17 +140,18 @@ export default {
组件提供了下列 Less 变量，可用于自定义样式，使用方法请参考[主题定制](#/zh-CN/theme)。
| 名称 | 默认值 | 描述 |
| -------------------------------- | ------------------ | ---- |
| @action-bar-background-color | `@white` | - |
| @action-bar-height | `50px` | - |
| @action-bar-icon-width | `48px` | - |
| @action-bar-icon-height | `100%` | - |
| @action-bar-icon-color | `@text-color` | - |
| @action-bar-icon-size | `18px` | - |
| @action-bar-icon-font-size | `@font-size-xs` | - |
| @action-bar-icon-active-color | `@active-color` | - |
| @action-bar-icon-text-color | `@gray-7` | - |
| @action-bar-button-height | `40px` | - |
| @action-bar-button-warning-color | `@gradient-orange` | - |
| @action-bar-button-danger-color | `@gradient-red` | - |
| 名称 | 默认值 | 描述 |
| --------------------------------- | ------------------ | ---- |
| @action-bar-background-color | `@white` | - |
| @action-bar-height | `50px` | - |
| @action-bar-icon-width | `48px` | - |
| @action-bar-icon-height | `100%` | - |
| @action-bar-icon-color | `@text-color` | - |
| @action-bar-icon-size | `18px` | - |
| @action-bar-icon-font-size | `@font-size-xs` | - |
| @action-bar-icon-active-color | `@active-color` | - |
| @action-bar-icon-text-color | `@gray-7` | - |
| @action-bar-icon-background-color | `@white` | - |
| @action-bar-button-height | `40px` | - |
| @action-bar-button-warning-color | `@gradient-orange` | - |
| @action-bar-button-danger-color | `@gradient-red` | - |