dev #84
|
@ -323,6 +323,18 @@ button {
|
||||||
@apply w-full xl:w-auto flex-row xl:flex-initial flex-nowrap gap-4;
|
@apply w-full xl:w-auto flex-row xl:flex-initial flex-nowrap gap-4;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&_range {
|
||||||
|
@apply w-full;
|
||||||
|
|
||||||
|
>div {
|
||||||
|
@apply flex flex-nowrap w-full gap-2 items-center;
|
||||||
|
|
||||||
|
input {
|
||||||
|
@apply flex-grow;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
&_color {
|
&_color {
|
||||||
@apply w-full;
|
@apply w-full;
|
||||||
}
|
}
|
||||||
|
|
|
@ -226,21 +226,25 @@ const calc_table = computed(() => {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-row">
|
<div class="form-row">
|
||||||
<div class="form-item w-full">
|
<div class="form-item form-item_range w-full">
|
||||||
<label for="length">Длина ламельного блока, мм</label>
|
<label for="length">Длина ламельного блока, мм</label>
|
||||||
<input :value.input="`${form_state.length.toFixed(0)} мм`" disabled class="w-full" />
|
<div>
|
||||||
<input id="length" type="range" class="xl:w-full" v-bind="parametric.length" v-model="form_state.length"
|
<span>{{ form_state.length.toFixed(0) }} мм</span>
|
||||||
|
<input id="length" type="range" v-bind="parametric.length" v-model="form_state.length"
|
||||||
:disabled="form_state.auto_length" :ref="form_refs.length" />
|
:disabled="form_state.auto_length" :ref="form_refs.length" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="form-row">
|
<div class="form-row">
|
||||||
<div class="form-item w-full">
|
<div class="form-item form-item_range w-full">
|
||||||
<label for="height">Высота забора, мм</label>
|
<label for="height">Высота забора, мм</label>
|
||||||
<input :value="`${form_state.height} мм`" class="w-full" disabled />
|
<div>
|
||||||
<input id="height" type="range" class="xl:w-full" v-bind="parametric.height" v-model="form_state.height"
|
<span>{{ form_state.height }} мм</span>
|
||||||
|
<input id="height" type="range" v-bind="parametric.height" v-model="form_state.height"
|
||||||
:ref="form_refs.height" />
|
:ref="form_refs.height" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="form-row">
|
<div class="form-row">
|
||||||
<div class="form-item w-full">
|
<div class="form-item w-full">
|
||||||
<label for="total_length">Общая длина забора, м</label>
|
<label for="total_length">Общая длина забора, м</label>
|
||||||
|
|
Loading…
Reference in New Issue