Infotip 信息提示组件

基于 Highlight 组件封装。

Infotip 组件位于 src/components/Infotip

用法

<script setup lang="ts">
import { Infotip } from '@/components/Infotip'
</script>

<template>
  <Infotip
    title="推荐使用Iconify组件"
    :schema="[
      {
        label: 'Iconify组件基本包含所有的图标,你可以查询到你想要的任何图标。并且打包只会打包所用到的图标。',
        keys: ['Iconify']
      },
      {
        label: '访问地址',
        keys: ['访问地址']
      }
    ]"
  />
</template>

Infotip 属性

属性说明类型可选值默认值
title标题string--
schema展示的数据内容string[]/TipSchema[]-[]
showIndex显示序号boolean-true
highlightColor高亮颜色string-var(--el-color-primary)

Infotip 事件

方法名说明回调参数
click关键字点击事件key: string