45 lines
965 B
Vue
Executable File
45 lines
965 B
Vue
Executable File
<template>
|
|
<q-badge color="primary"> {{ label }} {{ modelValue }} </q-badge>
|
|
<div class="q-pa-xs row no-wrap">
|
|
<q-btn
|
|
icon="fas fa-minus"
|
|
@click="decrementValue"
|
|
:disable="disable || !sliderValue"
|
|
flat
|
|
dense
|
|
/>
|
|
<q-btn
|
|
label="-1"
|
|
@click="decrementValueMinus1"
|
|
:disable="disable || !sliderValue"
|
|
flat
|
|
dense
|
|
/>
|
|
<q-input
|
|
style="width: 170px"
|
|
dense
|
|
v-model="sliderValue"
|
|
filled
|
|
:disable="disable"
|
|
>
|
|
</q-input>
|
|
<q-btn dense label="+1" @click="incrementValuePlus1" :disable="disable" flat />
|
|
<q-btn dense icon="fas fa-plus" @click="incrementValue" :disable="disable" flat />
|
|
|
|
<q-slider
|
|
:disable="disable"
|
|
v-model="sliderValue"
|
|
:min="min"
|
|
:max="max"
|
|
:color="color"
|
|
/>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" src="./CMySlider.ts">
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
@import './CMySlider.scss';
|
|
</style>
|