2024-10-29 02:33:39 +01:00
|
|
|
<template>
|
2024-11-02 18:06:27 +01:00
|
|
|
<div class="q-pa-xs" style="width: 170px">
|
2024-10-29 02:33:39 +01:00
|
|
|
<q-badge color="primary"> {{ label }} {{ modelValue }} </q-badge>
|
|
|
|
|
|
|
|
|
|
<q-input
|
|
|
|
|
dense
|
|
|
|
|
v-model="sliderValue"
|
|
|
|
|
filled
|
2024-11-02 18:06:27 +01:00
|
|
|
:disable="disable"
|
2024-10-29 02:33:39 +01:00
|
|
|
>
|
|
|
|
|
</q-input>
|
|
|
|
|
|
2024-11-02 18:06:27 +01:00
|
|
|
<q-slider :disable="disable" v-model="sliderValue" :min="min" :max="max" :color="color" />
|
2024-10-29 02:33:39 +01:00
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script lang="ts" src="./CMySlider.ts">
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
@import './CMySlider.scss';
|
|
|
|
|
</style>
|