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

[Improvement] Swipe: optimzie performance (#985)

Browse Source
This commit is contained in:
neverland
2018-05-04 15:21:24 +08:00
committed by GitHub
parent 997780f2f5
commit 2899a4cb8e
4 changed files with 83 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
packages/vant-css/src/swipe.css
View File

@@ -13,29 +13,30 @@ $van-swipe-indicator: 6px;
&__track {
height: 100%;
overflow: hidden;
}
&__indicators {
display: flex;
position: absolute;
left: 50%;
bottom: 10px;
height: $van-swipe-indicator;
transform: translate3d(-50%, 0, 0);
transform: translateX(-50%);
&--vertical {
position: absolute;
left: 10px;
top: 50%;
width: $van-swipe-indicator;
transform: translate3d(0, -50%, 0);
bottom: auto;
flex-direction: column;
transform: translateY(-50%);
.van-swipe__indicator:not(:last-child) {
margin-bottom: $van-swipe-indicator;
}
}
}
&__indicator {
border-radius: 100%;
vertical-align: top;
display: inline-block;
background-color: $gray-dark;
width: $van-swipe-indicator;
height: $van-swipe-indicator;