You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
646 B
35 lines
646 B
2 years ago
|
<template>
|
||
|
|
<div class="drone-control-info-wrap">
|
||
|
|
<a-textarea v-model:value="info" placeholder="drc info" :rows="5" disabled/>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script lang="ts" setup>
|
||
|
|
import { ref, defineProps, watch } from 'vue'
|
||
|
|
|
||
|
|
const props = defineProps<{
|
||
|
|
message?: string,
|
||
|
|
}>()
|
||
|
|
|
||
|
|
const info = ref('')
|
||
|
|
watch(() => props.message, message => {
|
||
|
|
info.value = message || ''
|
||
|
|
}, {
|
||
|
|
immediate: true
|
||
|
|
})
|
||
|
|
|
||
|
|
// const emit = defineEmits(['cancel', 'confirm'])
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.drone-control-info-wrap {
|
||
|
|
&::v-deep{
|
||
|
|
textarea.ant-input {
|
||
|
|
background-color: #000;
|
||
|
|
color: #fff;
|
||
|
|
white-space: pre-wrap;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|