mirror of
https://gitee.com/dromara/go-view.git
synced 2025-04-06 03:58:04 +08:00
30 lines
883 B
Vue
30 lines
883 B
Vue
<template>
|
||
<setting-item-box name="位置">
|
||
<setting-item :name="`偏移 X：${targetData.left || 0}px`">
|
||
<n-input-number v-model:value="targetData.left" size="small" step="10"></n-input-number>
|
||
</setting-item>
|
||
<setting-item :name="`偏移 Y：${targetData.top || 0}px`">
|
||
<n-input-number v-model:value="targetData.top" size="small" step="10"></n-input-number>
|
||
</setting-item>
|
||
</setting-item-box>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import { PropType, reactive } from 'vue'
|
||
import { CollapseItem, SettingItemBox, SettingItem } from '@/components/Pages/ChartItemSetting'
|
||
|
||
type positionType = {
|
||
top?: number | string | null
|
||
left?: number | string | null
|
||
right?: number | string | null
|
||
bottom?: number | string | null
|
||
}
|
||
|
||
const props = defineProps({
|
||
targetData: {
|
||
type: Object as PropType<positionType>,
|
||
required: true
|
||
}
|
||
})
|
||
</script>
|