mirror of
https://github.com/chansee97/nova-admin.git
synced 2025-04-06 03:57:54 +08:00
32 lines
588 B
Vue
32 lines
588 B
Vue
<script setup lang="ts">
|
|
const props = defineProps<{
|
|
modelValue: string
|
|
maxLength?: string
|
|
}>()
|
|
const emit = defineEmits(['update:modelValue'])
|
|
|
|
const text = useVModel(props, 'modelValue', emit)
|
|
</script>
|
|
|
|
<template>
|
|
<div class="copy-wrap">
|
|
<n-ellipsis :style="{ 'max-width': maxLength || '12em' }">
|
|
{{ text }}
|
|
</n-ellipsis>
|
|
<span v-copy="text" class="copy_icon">
|
|
<i-icon-park-outline-copy />
|
|
</span>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.copy-wrap{
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap:0.5em;
|
|
}
|
|
.copy_icon{
|
|
cursor: pointer;
|
|
}
|
|
</style>
|