import{o as t,c as n,a}from"./app.51e46c58.js";const s='{"title":"Infotip 信息提示组件","description":"","frontmatter":{},"headers":[{"level":2,"title":"用法","slug":"用法"},{"level":2,"title":"Infotip 属性","slug":"infotip-属性"},{"level":2,"title":"Infotip 事件","slug":"infotip-事件"}],"relativePath":"components/infotip.md","lastUpdated":1721205967753}',p={},e=a('

Infotip 信息提示组件

基于 Highlight 组件封装。

Infotip 组件位于 src/components/Infotip 内

用法

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

Infotip 属性

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

Infotip 事件

方法名说明回调参数
click关键字点击事件key: string
',9);p.render=function(a,s,p,o,c,l){return t(),n("div",null,[e])};export default p;export{s as __pageData};