neverlandandGitHub
69981b1940
* style(Tabbar): fix tabbar-item-icon-margin-bottom var name * docs: upd
47 lines
1.2 KiB
Plaintext
47 lines
1.2 KiB
Plaintext
@import './var.less';
|
|
|
|
:root {
|
|
--van-tabbar-item-font-size: @tabbar-item-font-size;
|
|
--van-tabbar-item-text-color: @tabbar-item-text-color;
|
|
--van-tabbar-item-active-color: @tabbar-item-active-color;
|
|
--van-tabbar-item-active-background-color: @tabbar-item-active-background-color;
|
|
--van-tabbar-item-line-height: @tabbar-item-line-height;
|
|
--van-tabbar-item-icon-size: @tabbar-item-icon-size;
|
|
--van-tabbar-item-icon-margin-bottom: @tabbar-item-icon-margin-bottom;
|
|
}
|
|
|
|
.van-tabbar-item {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: var(--van-tabbar-item-text-color);
|
|
font-size: var(--van-tabbar-item-font-size);
|
|
line-height: var(--van-tabbar-item-line-height);
|
|
cursor: pointer;
|
|
|
|
&__icon {
|
|
margin-bottom: var(--van-tabbar-item-icon-margin-bottom);
|
|
font-size: var(--van-tabbar-item-icon-size);
|
|
|
|
.van-icon {
|
|
display: block;
|
|
}
|
|
|
|
.van-badge {
|
|
margin-top: var(--van-padding-base);
|
|
}
|
|
|
|
img {
|
|
display: block;
|
|
height: 20px;
|
|
}
|
|
}
|
|
|
|
&--active {
|
|
color: var(--van-tabbar-item-active-color);
|
|
background-color: var(--van-tabbar-item-active-background-color);
|
|
}
|
|
}
|