描述后的提示封装成组件

src/components/base/tooltip/index.vue

@@ -0,0 +1,19 @@
+<template>
+    <el-tooltip effect="dark" :show-after="200" :hide-after="200" :content="props.content" :raw-content="props.rawContent" placement="top">
+        <icon name="miaosha-hdgz" size="12" color="#999"></icon>
+    </el-tooltip>
+</template>
+
+<script lang="ts" setup>
+interface TooltipProps {
+    content: string;
+    rawContent?: boolean;
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+}
+
+const props = withDefaults(defineProps<TooltipProps>(), {
+    rawContent: true,
+    placement: 'top',
+});
+</script>
+