Tooltip.vue 430 B

1234567891011121314151617
  1. <script lang="ts" setup>
  2. import { propTypes } from '@/utils/propTypes'
  3. defineOptions({ name: 'Tooltip' })
  4. defineProps({
  5. title: propTypes.string.def(''),
  6. message: propTypes.string.def(''),
  7. icon: propTypes.string.def('ep:question-filled')
  8. })
  9. </script>
  10. <template>
  11. <span>{{ title }}</span>
  12. <ElTooltip :content="message" placement="top">
  13. <Icon :icon="icon" class="relative top-1px ml-1px" />
  14. </ElTooltip>
  15. </template>