2019-09-22 00:14:12 +03:00
|
|
|
<template>
|
2019-09-28 02:17:18 +03:00
|
|
|
<div>
|
2019-10-29 23:58:06 +02:00
|
|
|
<CVslider name="Exposure" v-model="value.exposure" :min="0" :max="100" @input="handleData('exposure')"/>
|
|
|
|
|
<CVslider name="Brightness" v-model="value.brightness" :min="0" :max="100" @input="handleData('brightness')"/>
|
2019-11-28 01:38:45 +02:00
|
|
|
<CVselect name="Orientation" v-model="value.rotationMode" :list="['Normal','90°','180°','270°']"
|
|
|
|
|
@input="handleData('flipMode')"/>
|
2019-09-28 02:17:18 +03:00
|
|
|
</div>
|
2019-09-22 00:14:12 +03:00
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
2019-10-29 23:58:06 +02:00
|
|
|
import CVslider from '../../components/cv-slider'
|
|
|
|
|
import CVselect from '../../components/cv-select'
|
|
|
|
|
|
2019-09-22 00:14:12 +03:00
|
|
|
export default {
|
|
|
|
|
name: 'Input',
|
2019-10-29 23:58:06 +02:00
|
|
|
props: ['value'],
|
|
|
|
|
components: {
|
2019-09-28 02:17:18 +03:00
|
|
|
CVslider,
|
|
|
|
|
CVselect,
|
|
|
|
|
},
|
2019-10-29 23:58:06 +02:00
|
|
|
methods: {
|
|
|
|
|
handleData(val) {
|
2019-11-01 17:10:48 +02:00
|
|
|
this.handleInput(val, this.value[val]);
|
2019-10-29 23:58:06 +02:00
|
|
|
this.$emit('update')
|
|
|
|
|
}
|
|
|
|
|
},
|
2019-09-22 00:14:12 +03:00
|
|
|
data() {
|
|
|
|
|
return {
|
2019-10-29 23:58:06 +02:00
|
|
|
t: 0,
|
|
|
|
|
a: 1
|
2019-09-22 00:14:12 +03:00
|
|
|
}
|
2019-09-28 02:17:18 +03:00
|
|
|
},
|
2019-10-29 23:58:06 +02:00
|
|
|
computed: {}
|
2019-09-22 00:14:12 +03:00
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped>
|
2019-10-29 23:58:06 +02:00
|
|
|
|
2019-09-22 00:14:12 +03:00
|
|
|
</style>
|