makeit-tooltip

Makeit Tooltip 气泡浮层组件,基于 Vue3.0 + Vite + JSX 开发,不承载复杂的文本信息,可以替代系统默认的 title 显示。

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
makeit-tooltip
301.1.23 years ago3 years agoMinified + gzip package size for makeit-tooltip in KB

Readme

<a href="https://admin.makeit.vip/">
<img width="200" src="https://file.makeit.vip/MIIT/M00/00/00/ajRkHV_pUyOALE2LAAAtlj6Tt_s370.png">
</a>

<a href="https://admin.makeit.vip/components/tooltip" target="_blank" style="color: #41b995">
Makeit Tooltip
</a>
基于 Vue3.0 + Vite 开发的气泡浮层,不承载复杂文本,可以替代系统默认的 title 显示的组件。 npm package npm_downloads MIT webpack vue vite

关于

Makeit Tooltip 气泡浮层组件,基于 Vue3.0 + Vite + JSX 开发,不承载复杂的文本信息,可以替代系统默认的 title 显示,且能支持更多定制化的样式需求。

安装

```bash npm i makeit-tooltip ```

使用

```ts import { createApp } from 'vue' import MakeitTooltip from 'makeit-tooltip' import 'makeit-tooltip/dist/tooltip.min.css' import App from './app.vue' const app = createApp(App) app.use(MakeitTooltip) app.mount('#app') ```

示例

```vue
<mi-tooltip title="提示信息"></mi-tooltip>
<mi-tooltip>
<template v-slot:title>
<p>提示信息</p>
</template>
</mi-tooltip>
<mi-tooltip title="提示信息" trigger="click"></mi-tooltip>
<mi-tooltip title="提示信息" bg-color="#f6ca9d"></mi-tooltip>
<mi-tooltip title="提示信息" text-color="#f6ca9d"></mi-tooltip>
```

更多

更多定制化内容及使用请查看在线示例:https://admin.makeit.vip/components/tooltip