2022-05-17 00:13:47 +08:00

48 lines
948 B
Vue

<template>
<q-card class="q-dialog-plugin">
<textarea
v-model="result"
:placeholder="options.placeholder"
autofocus
class="fixed container"
:style="{
top: 0,
bottom: 0,
left: 0,
right: 0,
background: '#00000000',
fontSize: '16px',
outline: 'none',
border: '3px solid #3577cb',
borderRadius: '5px',
}"
/>
<div class="fixed-bottom-right q-pa-md q-gutter-sm">
<q-btn round color="blue-grey" icon="arrow_back" @click="hide" />
<q-btn round color="primary" icon="done" @click="clickOK" />
</div>
</q-card>
</template>
<script>
export default {
data() {
return {
result: this.options.value,
};
},
props: {
options: Object,
},
methods: {
hide() {
this.$emit("hide");
},
clickOK() {
this.$emit("clickOK", this.result);
this.hide();
},
},
};
</script>