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

[new feature] Slider: add button slot (#2373)

Browse Source
This commit is contained in:
neverland
2018-12-25 21:43:26 +08:00
committed by GitHub
parent 728a0e26c5
commit 282d8ba27b
8 changed files with 175 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
packages/slider/test/__snapshots__/demo.spec.js.snap
View File

@@ -4,22 +4,58 @@ exports[`renders demo correctly 1`] = `
<div>
<div>
<div class="van-slider">
<div class="van-slider__bar" style="width:50%;height:2px;"><span class="van-slider__button"></span></div>
<div class="van-slider__bar" style="width:50%;height:2px;">
<div class="van-slider__button-wrapper">
<div class="van-slider__button"></div>
</div>
</div>
</div>
</div>
<div>
<div class="van-slider">
<div class="van-slider__bar" style="width:50%;height:2px;"><span class="van-slider__button"></span></div>
<div class="van-slider__bar" style="width:50%;height:2px;">
<div class="van-slider__button-wrapper">
<div class="van-slider__button"></div>
</div>
</div>
</div>
</div>
<div>
<div class="van-slider van-slider--disabled">
<div class="van-slider__bar" style="width:50%;height:2px;"><span class="van-slider__button"></span></div>
<div class="van-slider__bar" style="width:50%;height:2px;">
<div class="van-slider__button-wrapper">
<div class="van-slider__button"></div>
</div>
</div>
</div>
</div>
<div>
<div class="van-slider">
<div class="van-slider__bar" style="width:50%;height:4px;"><span class="van-slider__button"></span></div>
<div class="van-slider__bar" style="width:50%;height:2px;">
<div class="van-slider__button-wrapper">
<div class="van-slider__button"></div>
</div>
</div>
</div>
</div>
<div>
<div class="van-slider">
<div class="van-slider__bar" style="width:50%;height:4px;">
<div class="van-slider__button-wrapper">
<div class="van-slider__button"></div>
</div>
</div>
</div>
</div>
<div>
<div class="van-slider">
<div class="van-slider__bar" style="width:50%;height:2px;">
<div class="van-slider__button-wrapper">
<div class="custom-button">
50
</div>
</div>
</div>
</div>
</div>
</div>

24
packages/slider/test/__snapshots__/index.spec.js.snap
View File

@@ -2,24 +2,40 @@
exports[`click bar 1`] = `
<div class="van-slider van-slider--disabled">
<div class="van-slider__bar" style="width: 50%; height: 2px;"><span class="van-slider__button"></span></div>
<div class="van-slider__bar" style="width: 50%; height: 2px;">
<div class="van-slider__button-wrapper">
<div class="van-slider__button"></div>
</div>
</div>
</div>
`;
exports[`click bar 2`] = `
<div class="van-slider">
<div class="van-slider__bar" style="width: 100%; height: 2px;"><span class="van-slider__button"></span></div>
<div class="van-slider__bar" style="width: 100%; height: 2px;">
<div class="van-slider__button-wrapper">
<div class="van-slider__button"></div>
</div>
</div>
</div>
`;
exports[`drag button 1`] = `
<div class="van-slider van-slider--disabled">
<div class="van-slider__bar" style="width: 50%; height: 2px;"><span class="van-slider__button"></span></div>
<div class="van-slider__bar" style="width: 50%; height: 2px;">
<div class="van-slider__button-wrapper">
<div class="van-slider__button"></div>
</div>
</div>
</div>
`;
exports[`drag button 2`] = `
<div class="van-slider">
<div class="van-slider__bar" style="width: 100%; height: 2px;"><span class="van-slider__button"></span></div>
<div class="van-slider__bar" style="width: 100%; height: 2px;">
<div class="van-slider__button-wrapper">
<div class="van-slider__button"></div>
</div>
</div>
</div>
`;