30 lines
No EOL
818 B
Vue
30 lines
No EOL
818 B
Vue
<template>
|
|
<div style="margin: 200px;">
|
|
<Slider v-model="value5"></Slider>
|
|
<Slider v-model="value6" :step="10" show-stops></Slider>
|
|
<br><br>
|
|
<Slider v-model="value7" range :marks="marks"></Slider>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
data () {
|
|
return {
|
|
value5: 10,
|
|
value6: 30,
|
|
value7: [20, 100],
|
|
marks: {
|
|
0: '0°C',
|
|
26: '26°C',
|
|
37: '37°C',
|
|
100: {
|
|
style: {
|
|
color: '#1989FA'
|
|
},
|
|
label: this.$createElement('strong', '100%')
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script> |