blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

style(Tabbar): fix tabbar-item-icon-margin-bottom var name (#9101)

Browse Source 
* style(Tabbar): fix tabbar-item-icon-margin-bottom var name

* docs: upd
This commit is contained in:
neverland 2021-07-23 10:30:38 +08:00 committed by GitHub
parent ffa3763e0b
commit 69981b1940
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/tabbar-item/index.less
View File

@ -7,7 +7,7 @@
--van-tabbar-item-active-background-color: @tabbar-item-active-background-color; --van-tabbar-item-active-background-color: @tabbar-item-active-background-color;
--van-tabbar-item-line-height: @tabbar-item-line-height; --van-tabbar-item-line-height: @tabbar-item-line-height;
--van-tabbar-item-icon-size: @tabbar-item-icon-size; --van-tabbar-item-icon-size: @tabbar-item-icon-size;
--van-tabbar-item-margin-bottom: @tabbar-item-margin-bottom; --van-tabbar-item-icon-margin-bottom: @tabbar-item-icon-margin-bottom;
} }
.van-tabbar-item { .van-tabbar-item {
@ -22,13 +22,17 @@
cursor: pointer; cursor: pointer;
&__icon { &__icon {
margin-bottom: var(--van-tabbar-item-margin-bottom); margin-bottom: var(--van-tabbar-item-icon-margin-bottom);
font-size: var(--van-tabbar-item-icon-size); font-size: var(--van-tabbar-item-icon-size);
.van-icon { .van-icon {
display: block; display: block;
} }
.van-badge {
margin-top: var(--van-padding-base);
}
img { img {
display: block; display: block;
height: 20px; height: 20px;
@ -39,8 +43,4 @@
color: var(--van-tabbar-item-active-color); color: var(--van-tabbar-item-active-color);
background-color: var(--van-tabbar-item-active-background-color); background-color: var(--van-tabbar-item-active-background-color);
} }
.van-badge {
margin-top: var(--van-padding-base);
}
} }

2
src/tabbar-item/var.less
View File

@ -6,4 +6,4 @@
@tabbar-item-active-background-color: var(--van-white); @tabbar-item-active-background-color: var(--van-white);
@tabbar-item-line-height: 1; @tabbar-item-line-height: 1;
@tabbar-item-icon-size: 22px; @tabbar-item-icon-size: 22px;
@tabbar-item-margin-bottom: 4px; @tabbar-item-icon-margin-bottom: var(--van-padding-base);

2
src/tabbar/README.md
View File

@ -215,4 +215,4 @@ The component provides the following CSS variables, which can be used to customi
| --van-tabbar-item-active-background-color | _var(--van-white)_ | - | | --van-tabbar-item-active-background-color | _var(--van-white)_ | - |
| --van-tabbar-item-line-height | _1_ | - | | --van-tabbar-item-line-height | _1_ | - |
| --van-tabbar-item-icon-size | _22px_ | - | | --van-tabbar-item-icon-size | _22px_ | - |
| --van-tabbar-item-margin-bottom | _4px_ | - | | --van-tabbar-item-icon-margin-bottom | _var(--van-padding-base)_ | - |

2
src/tabbar/README.zh-CN.md
View File

@ -227,4 +227,4 @@ export default {
| --van-tabbar-item-active-background-color | _var(--van-white)_ | - | | --van-tabbar-item-active-background-color | _var(--van-white)_ | - |
| --van-tabbar-item-line-height | _1_ | - | | --van-tabbar-item-line-height | _1_ | - |
| --van-tabbar-item-icon-size | _22px_ | - | | --van-tabbar-item-icon-size | _22px_ | - |
| --van-tabbar-item-margin-bottom | _4px_ | - | | --van-tabbar-item-icon-margin-bottom | _var(--van-padding-base)_ | - |