提交 0a2256a4 编写于 作者: RedPig97's avatar RedPig97

update: 滑动输入条适配min、max、step参数

上级 8a012585
<template> <template>
<div class="app-mobile-slider"> <div class="app-mobile-slider">
<ion-range :value="value" min="0" max="100" pin @ionChange="change"></ion-range> <ion-range :value="value" :min="min" :max="max" :step="step" pin @ionChange="change"></ion-range>
</div> </div>
</template> </template>
...@@ -23,6 +23,30 @@ export default class AppMobSlider extends Vue { ...@@ -23,6 +23,30 @@ export default class AppMobSlider extends Vue {
*/ */
@Prop() public value?:number; @Prop() public value?:number;
/**
* 值
*
* @type {number}
* @memberof AppMobSlider
*/
@Prop({default: 0}) public min!:number;
/**
* 值
*
* @type {number}
* @memberof AppMobSlider
*/
@Prop({default: 100}) public max!:number;
/**
* 值
*
* @type {number}
* @memberof AppMobSlider
*/
@Prop({default: 1}) public step!:number;
/** /**
* change事件 * change事件
*/ */
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册