请选择 进入手机版 | 继续访问电脑版
  • 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

miitvip-tooltip: 基于 Vue3.x + Vite 开发的气泡浮层,不承载复杂文本,可以替代系统 ...

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

miitvip-tooltip

开源软件地址:

https://gitee.com/wildidea/miitvip-tooltip

开源软件介绍:


Makeit Tooltip

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

npm packagenpm_downloadsMITwebpackvuevite

关于

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

安装

npm i makeit-tooltip

使用

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')

示例

<!-- 基础效果 --><template>    <mi-tooltip title="提示信息"></mi-tooltip></template><!-- 自定义 Title --><template>    <mi-tooltip>        <template v-slot:title>            <p>提示信息</p>        </template>    </mi-tooltip></template><!-- 定制 Trigger 触发事件 --><template>    <mi-tooltip title="提示信息" trigger="click"></mi-tooltip></template><!-- 自定义背景色 --><template>    <mi-tooltip title="提示信息" bg-color="#f6ca9d"></mi-tooltip></template><!-- 自定义字体颜色 --><template>    <mi-tooltip title="提示信息" text-color="#f6ca9d"></mi-tooltip></template>

更多

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


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap