decimal step added to docs
parent
fd15103171
commit
8a749d4f25
|
@ -20,11 +20,14 @@
|
|||
<h5>Step: {{value3}}</h5>
|
||||
<Slider v-model="value3" :step="20" />
|
||||
|
||||
<h5>Range: {{value4}}</h5>
|
||||
<Slider v-model="value4" :range="true" />
|
||||
<h5>Decimal Step: {{value4}}</h5>
|
||||
<Slider v-model="value4" :step="0.5" />
|
||||
|
||||
<h5>Vertical: {{value5}}</h5>
|
||||
<Slider v-model="value5" orientation="vertical" />
|
||||
<h5>Range: {{value5}}</h5>
|
||||
<Slider v-model="value5" :range="true" />
|
||||
|
||||
<h5>Vertical: {{value6}}</h5>
|
||||
<Slider v-model="value6" orientation="vertical" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
@ -41,8 +44,9 @@ export default {
|
|||
value1: null,
|
||||
value2: 50,
|
||||
value3: 20,
|
||||
value4: [20,80],
|
||||
value5: 50
|
||||
value4: 30.5,
|
||||
value5: [20,80],
|
||||
value6: 50
|
||||
}
|
||||
},
|
||||
components: {
|
||||
|
|
|
@ -193,11 +193,14 @@ export default {
|
|||
<h5>Step: {{value3}}</h5>
|
||||
<Slider v-model="value3" :step="20" />
|
||||
|
||||
<h5>Range: {{value4}}</h5>
|
||||
<Slider v-model="value4" :range="true" />
|
||||
<h5>Decimal Step: {{value4}}</h5>
|
||||
<Slider v-model="value4" :step="0.5" />
|
||||
|
||||
<h5>Vertical: {{value5}}</h5>
|
||||
<Slider v-model="value5" orientation="vertical" />
|
||||
<h5>Range: {{value5}}</h5>
|
||||
<Slider v-model="value5" :range="true" />
|
||||
|
||||
<h5>Vertical: {{value6}}</h5>
|
||||
<Slider v-model="value6" orientation="vertical" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
@ -208,8 +211,9 @@ export default {
|
|||
value1: null,
|
||||
value2: 50,
|
||||
value3: 20,
|
||||
value4: [20,80],
|
||||
value5: 50
|
||||
value4: 30.5,
|
||||
value5: [20,80],
|
||||
value6: 50
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -239,11 +243,14 @@ export default {
|
|||
<h5>Step: {{value3}}</h5>
|
||||
<Slider v-model="value3" :step="20" />
|
||||
|
||||
<h5>Range: {{value4}}</h5>
|
||||
<Slider v-model="value4" :range="true" />
|
||||
<h5>Decimal Step: {{value4}}</h5>
|
||||
<Slider v-model="value4" :step="0.5" />
|
||||
|
||||
<h5>Vertical: {{value5}}</h5>
|
||||
<Slider v-model="value5" orientation="vertical" />
|
||||
<h5>Range: {{value5}}</h5>
|
||||
<Slider v-model="value5" :range="true" />
|
||||
|
||||
<h5>Vertical: {{value6}}</h5>
|
||||
<Slider v-model="value6" orientation="vertical" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
@ -255,10 +262,11 @@ export default {
|
|||
const value1 = ref(null);
|
||||
const value2 = ref(50);
|
||||
const value3 = ref(20);
|
||||
const value4 = ref([20,80]);
|
||||
const value5 = ref(50);
|
||||
const value4 = ref(30.5);
|
||||
const value5 = ref([20,80]);
|
||||
const value6 = ref(50);
|
||||
|
||||
return { value1, value2, value3, value4, value5 }
|
||||
return { value1, value2, value3, value4, value5, value6 }
|
||||
}
|
||||
}
|
||||
<\\/script>
|
||||
|
|
Loading…
Reference in New Issue