first
This commit is contained in:
58
node_modules/vant/lib/swipe/index.less
generated
vendored
Normal file
58
node_modules/vant/lib/swipe/index.less
generated
vendored
Normal file
@ -0,0 +1,58 @@
|
||||
@import '../style/var';
|
||||
|
||||
.van-swipe {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
// https://github.com/vant-ui/vant/issues/9931
|
||||
transform: translateZ(0);
|
||||
cursor: grab;
|
||||
user-select: none;
|
||||
|
||||
&__track {
|
||||
display: flex;
|
||||
height: 100%;
|
||||
|
||||
&--vertical {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
&__indicators {
|
||||
position: absolute;
|
||||
bottom: @swipe-indicator-margin;
|
||||
left: 50%;
|
||||
display: flex;
|
||||
transform: translateX(-50%);
|
||||
|
||||
&--vertical {
|
||||
top: 50%;
|
||||
bottom: auto;
|
||||
left: @swipe-indicator-margin;
|
||||
flex-direction: column;
|
||||
transform: translateY(-50%);
|
||||
|
||||
.van-swipe__indicator:not(:last-child) {
|
||||
margin-bottom: @swipe-indicator-size;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__indicator {
|
||||
width: @swipe-indicator-size;
|
||||
height: @swipe-indicator-size;
|
||||
background-color: @swipe-indicator-inactive-background-color;
|
||||
border-radius: 100%;
|
||||
opacity: @swipe-indicator-inactive-opacity;
|
||||
transition: opacity @animation-duration-fast,
|
||||
background-color @animation-duration-fast;
|
||||
|
||||
&:not(:last-child) {
|
||||
margin-right: @swipe-indicator-size;
|
||||
}
|
||||
|
||||
&--active {
|
||||
background-color: @swipe-indicator-active-background-color;
|
||||
opacity: @swipe-indicator-active-opacity;
|
||||
}
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user