[breaking change] rebuild style struct (#2021)
This commit is contained in:
@@ -101,7 +101,7 @@ export default {
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="postcss">
|
||||
<style lang="less">
|
||||
.demo-swipe {
|
||||
padding-bottom: 30px;
|
||||
|
||||
|
||||
@@ -0,0 +1,46 @@
|
||||
@import '../style/var';
|
||||
|
||||
.van-swipe {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
user-select: none;
|
||||
|
||||
&__track {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
&__indicators {
|
||||
display: flex;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: 10px;
|
||||
transform: translateX(-50%);
|
||||
|
||||
&--vertical {
|
||||
left: 10px;
|
||||
top: 50%;
|
||||
bottom: auto;
|
||||
flex-direction: column;
|
||||
transform: translateY(-50%);
|
||||
|
||||
.van-swipe__indicator:not(:last-child) {
|
||||
margin-bottom: @van-swipe-indicator;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__indicator {
|
||||
border-radius: 100%;
|
||||
background-color: @gray-dark;
|
||||
width: @van-swipe-indicator;
|
||||
height: @van-swipe-indicator;
|
||||
|
||||
&:not(:last-child) {
|
||||
margin-right: @van-swipe-indicator;
|
||||
}
|
||||
|
||||
&--active {
|
||||
background-color: @orange;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user