ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-20 02:31:21 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

[new feature] add Tabbar component (#204)

Browse Source 
* [Document] add english document of Checkbox

* [Document] add english document of Field

* [Document] add english document of NumberKeyboard

* [bugfix] NumberKeyboard should not dispaly title when title is empty

* [Document] add english document of PasswordInput

* [Document] add english document of Radio

* [document] add english document of Switch

* [bugfix] remove redundent styles in english document

* [Document] fix details

* fix Switch test cases

* [bugfix] Swipe shouid reinitialize when item changes

* [new feature] ImagePreview reconstruct

* [new feature] add Tabbar component
This commit is contained in:
neverland
2017-10-12 22:00:34 -05:00
committed by GitHub
parent d7cee6e8f4
commit eeaa36058a
11 changed files with 337 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/vant-css/src/index.css
View File

@@ -22,6 +22,7 @@
@import './steps.css';
@import './tag.css';
@import './tab.css';
@import './tabbar.css';
@import './image-preview.css';
@import './stepper.css';
@import './progress.css';

50
packages/vant-css/src/tabbar.css Normal file
View File

@@ -0,0 +1,50 @@
@import './common/var.css';
.van-tabbar {
width: 100%;
height: 50px;
display: flex;
background-color: #fff;
&--fixed {
left: 0;
bottom: 0;
position: fixed;
}
&-item {
flex: 1;
color: #666;
display: flex;
line-height: 1;
font-size: 12px;
align-items: center;
flex-direction: column;
justify-content: center;
&__icon {
font-size: 18px;
margin-bottom: 5px;
position: relative;
&-dot {
&::after {
width: 8px;
height: 8px;
content: ' ';
position: absolute;
border-radius: 100%;
background-color: $red;
}
}
img {
height: 18px;
}
}
&--active {
color: $blue;
}
}
}