28 lines
743 B
Vue
28 lines
743 B
Vue
<template>
|
|
<div style="margin: 200px;">
|
|
<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 {
|
|
value6: 30,
|
|
value7: [20, 50],
|
|
marks: {
|
|
0: '0°C',
|
|
8: '8°C',
|
|
37: '37°C',
|
|
50: {
|
|
style: {
|
|
color: '#1989FA'
|
|
},
|
|
label: this.$createElement('strong', '50%')
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|