42 lines
832 B
Vue
Executable File
42 lines
832 B
Vue
Executable File
<template>
|
|
<div style="width: 380px">
|
|
<q-banner
|
|
rounded
|
|
dense
|
|
class="bg-blue-1 text-red"
|
|
color="primary q-title"
|
|
style="text-align: center"
|
|
>
|
|
{{ label }}
|
|
</q-banner>
|
|
|
|
<div class="row">
|
|
<CMySlider
|
|
label="Width:"
|
|
v-model="internalModel.width"
|
|
:min="10"
|
|
:max="3000"
|
|
color="green"
|
|
addstr="px"
|
|
@update:model-value="modifValueWidth"
|
|
></CMySlider>
|
|
<CMySlider
|
|
label="Height:"
|
|
v-model="internalModel.height"
|
|
:min="10"
|
|
:max="3000"
|
|
color="red"
|
|
addstr="px"
|
|
@update:model-value="modifValueHeight"
|
|
></CMySlider>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" src="./CMySize.ts">
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
@import './CMySize.scss';
|
|
</style>
|