first commit
This commit is contained in:
30
iview/examples/routers/slider.vue
Normal file
30
iview/examples/routers/slider.vue
Normal file
@@ -0,0 +1,30 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user