drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Slider can show stop dot

Browse source 
Slider can show stop dot
This commit is contained in:
梁灏 2016-11-11 16:14:25 +08:00
parent c31856ea76
commit 41d90ccf1e
6 changed files with 28 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/components/slider/slider.vue
View file

@ -163,7 +163,22 @@
return style;
},
stops() {
return this.max / this.step;
// let stopCount = (this.max - this.value) / this.step;
// let result = [];
// let currentLeft = parseFloat(this.singlePosition);
// let stepWidth = 100 * this.step / (this.max - this.min);
// for (let i = 1; i < stopCount; i++) {
// result.push(currentLeft + i * stepWidth);
// }
// return result;
let stopCount = (this.max - this.min) / this.step;
let result = [];
let stepWidth = 100 * this.step / (this.max - this.min);
for (let i = 1; i < stopCount; i++) {
result.push(i * stepWidth);
}
return result;
},
sliderWidth () {
return parseInt(getStyle(this.$els.slider, 'width'), 10);