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

[improvement] Tabbar: add less vars (#3124)

Browse Source
This commit is contained in:
neverland 2019-04-10 15:58:05 +08:00 committed by GitHub
parent f08de77c73
commit e5fc82e96b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 22 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/style/var.less
View File

@ -210,6 +210,18 @@
@tabs-line-height: 44px;
@tabs-card-height: 30px;
// Tabbar
@tabbar-height: 50px;
@tabbar-background-color: @white;
// TabbarItem
@tabbar-item-font-size: 12px;
@tabbar-item-text-color: @gray-darker;
@tabbar-item-active-color: @blue;
@tabbar-item-line-height: 1;
@tabbar-item-icon-size: 18px;
@tabbar-item-margin-bottom: 5px;
// Tag
@tag-padding: .2em .5em;
@tag-font-size: 10px;

14
packages/tabbar-item/index.less
View File

@ -3,17 +3,17 @@
.van-tabbar-item {
flex: 1;
display: flex;
line-height: 1;
font-size: 12px;
color: @gray-darker;
color: @tabbar-item-text-color;
font-size: @tabbar-item-font-size;
line-height: @tabbar-item-line-height;
align-items: center;
flex-direction: column;
justify-content: center;
&__icon {
font-size: 18px;
position: relative;
margin-bottom: 5px;
font-size: @tabbar-item-icon-size;
margin-bottom: @tabbar-item-margin-bottom;
.van-icon {
display: block;
@ -34,13 +34,13 @@
}
img {
height: 18px;
display: block;
height: @tabbar-item-icon-size;
}
}
&--active {
color: @blue;
color: @tabbar-item-active-color;
}
.van-info {

6
packages/tabbar/index.less
View File

@ -1,10 +1,10 @@
@import '../style/var';
.van-tabbar {
width: 100%;
height: 50px;
display: flex;
background-color: @white;
width: 100%;
height: @tabbar-height;
background-color: @tabbar-background-color;
&--fixed {
left: 0;