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

[bugfix] Tab: active tab should keep center (#394)

Browse Source
This commit is contained in:
neverland
2017-12-08 15:09:10 +08:00
committed by GitHub
parent 3208d1bb3d
commit f9ae7e6422
2 changed files with 17 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
packages/vant-css/src/tab.css
View File

@@ -31,7 +31,8 @@ $van-tabs-card-height: 28px;
background-color: $white;
&--line {
height: $van-tabs-line-height;
height: 100%;
padding-bottom: 15px; /* 15px padding to hide scrollbar in mobile safari */
}
&--card {
@@ -60,7 +61,7 @@ $van-tabs-card-height: 28px;
&__nav-bar {
z-index: 1;
left: 0;
bottom: 0;
bottom: 15px;
height: 2px;
position: absolute;
background-color: $red;
@@ -72,8 +73,9 @@ $van-tabs-card-height: 28px;
}
.van-tabs__nav {
overflow: hidden;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
&::-webkit-scrollbar {
display: none;
@@ -83,10 +85,18 @@ $van-tabs-card-height: 28px;
&--line {
padding-top: $van-tabs-line-height;
.van-tabs__wrap {
height: $van-tabs-line-height;
}
}
&--card {
padding-top: $van-tabs-card-height;
.van-tabs__wrap {
height: $van-tabs-card-height;
}
}
}