Slider pt demo refactor
parent
d4c79862fb
commit
5677fb5290
|
@ -5,12 +5,12 @@
|
||||||
v-model="value"
|
v-model="value"
|
||||||
class="w-14rem"
|
class="w-14rem"
|
||||||
:pt="{
|
:pt="{
|
||||||
handle: () => ({
|
handle: {
|
||||||
class: 'bg-orange-400 border-900'
|
class: 'bg-orange-400 border-900'
|
||||||
}),
|
},
|
||||||
range: () => ({
|
range: {
|
||||||
class: 'bg-orange-400'
|
class: 'bg-orange-400'
|
||||||
})
|
}
|
||||||
}"
|
}"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
@ -28,12 +28,12 @@ export default {
|
||||||
v-model="value"
|
v-model="value"
|
||||||
class="w-14rem"
|
class="w-14rem"
|
||||||
:pt="{
|
:pt="{
|
||||||
handle: () => ({
|
handle: {
|
||||||
class: 'bg-orange-400 border-900'
|
class: 'bg-orange-400 border-900'
|
||||||
}),
|
},
|
||||||
range: () => ({
|
range: {
|
||||||
class: 'bg-orange-400'
|
class: 'bg-orange-400'
|
||||||
})
|
}
|
||||||
}"
|
}"
|
||||||
/>`,
|
/>`,
|
||||||
options: `
|
options: `
|
||||||
|
@ -43,12 +43,12 @@ export default {
|
||||||
v-model="value"
|
v-model="value"
|
||||||
class="w-14rem"
|
class="w-14rem"
|
||||||
:pt="{
|
:pt="{
|
||||||
handle: () => ({
|
handle: {
|
||||||
class: 'bg-orange-400 border-900'
|
class: 'bg-orange-400 border-900'
|
||||||
}),
|
},
|
||||||
range: () => ({
|
range: {
|
||||||
class: 'bg-orange-400'
|
class: 'bg-orange-400'
|
||||||
})
|
}
|
||||||
}"
|
}"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
@ -70,12 +70,12 @@ export default {
|
||||||
v-model="value"
|
v-model="value"
|
||||||
class="w-14rem"
|
class="w-14rem"
|
||||||
:pt="{
|
:pt="{
|
||||||
handle: () => ({
|
handle: {
|
||||||
class: 'bg-orange-400 border-900'
|
class: 'bg-orange-400 border-900'
|
||||||
}),
|
},
|
||||||
range: () => ({
|
range: {
|
||||||
class: 'bg-orange-400'
|
class: 'bg-orange-400'
|
||||||
})
|
}
|
||||||
}"
|
}"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue