{"id":20756433,"url":"https://github.com/lirongtong/makeit-tooltip","last_synced_at":"2026-01-17T14:56:15.537Z","repository":{"id":116702047,"uuid":"325439242","full_name":"lirongtong/miitvip-tooltip","owner":"lirongtong","description":":sparkling_heart: 基于 Vue3.x + Vite 开发的气泡浮层，不承载复杂文本，可以替代系统默认的 title 显示，满足更多用户的个性化定制需求 :collision:","archived":false,"fork":false,"pushed_at":"2021-06-28T07:48:56.000Z","size":100,"stargazers_count":3,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-20T02:37:06.096Z","etag":null,"topics":["component","makeit","makeit-admin-pro","makeit-tooltip","miitvip","tooltip","vite","vue-component","vue3"],"latest_commit_sha":null,"homepage":"https://admin.makeit.vip/components/tooltip","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lirongtong.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-12-30T02:54:52.000Z","updated_at":"2021-06-28T07:48:59.000Z","dependencies_parsed_at":null,"dependency_job_id":"bffae4e5-b3c7-41a0-bd42-c00ce2ff3c7e","html_url":"https://github.com/lirongtong/miitvip-tooltip","commit_stats":{"total_commits":45,"total_committers":1,"mean_commits":45.0,"dds":0.0,"last_synced_commit":"dfed99f952835b48578e060afb38d0ed16734ad0"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lirongtong%2Fmiitvip-tooltip","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lirongtong%2Fmiitvip-tooltip/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lirongtong%2Fmiitvip-tooltip/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lirongtong%2Fmiitvip-tooltip/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lirongtong","download_url":"https://codeload.github.com/lirongtong/miitvip-tooltip/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251373577,"owners_count":21579129,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["component","makeit","makeit-admin-pro","makeit-tooltip","miitvip","tooltip","vite","vue-component","vue3"],"created_at":"2024-11-17T09:32:19.686Z","updated_at":"2026-01-17T14:56:15.476Z","avatar_url":"https://github.com/lirongtong.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://admin.makeit.vip/\"\u003e\n        \u003cimg width=\"200\" src=\"https://file.makeit.vip/MIIT/M00/00/00/ajRkHV_pUyOALE2LAAAtlj6Tt_s370.png\"\u003e\n    \u003c/a\u003e\n\u003c/p\u003e\n\n\u003ch1 align=\"center\" color=\"green\"\u003e\n    \u003ca href=\"https://admin.makeit.vip/components/tooltip\" target=\"_blank\" style=\"color: #41b995\"\u003e\n        Makeit Tooltip\n    \u003c/a\u003e\n\u003c/h1\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n基于 Vue3.0 + Vite 开发的气泡浮层，不承载复杂文本，可以替代系统默认的 title 显示的组件。\n\n[![npm package](https://img.shields.io/npm/v/makeit-tooltip.svg?style=flat-square)](https://www.npmjs.org/package/makeit-tooltip)\n[![npm_downloads](http://img.shields.io/npm/dm/makeit-tooltip.svg?style=flat-square)](http://www.npmtrends.com/makeit-tooltip)\n![MIT](https://img.shields.io/badge/license-MIT-ff69b4.svg)\n![webpack](https://img.shields.io/badge/webpack-5.3.2-orange.svg)\n![vue](https://img.shields.io/badge/vue-3.0.4-green.svg)\n![vite](https://img.shields.io/badge/vite-1.0.0-yellow.svg)\n\u003c/div\u003e\n\n## 关于\n\n\u003e Makeit Tooltip 气泡浮层组件，基于 Vue3.0 + Vite + JSX 开发，不承载复杂的文本信息，可以替代系统默认的 title 显示，且能支持更多定制化的样式需求。\n\n## 安装\n\n```bash\nnpm i makeit-tooltip\n```\n\n## 使用\n```ts\nimport { createApp } from 'vue'\nimport MakeitTooltip from 'makeit-tooltip'\nimport 'makeit-tooltip/dist/tooltip.min.css'\nimport App from './app.vue'\n\nconst app = createApp(App)\napp.use(MakeitTooltip)\napp.mount('#app')\n```\n\n## 示例\n```vue\n\u003c!-- 基础效果 --\u003e\n\u003ctemplate\u003e\n    \u003cmi-tooltip title=\"提示信息\"\u003e\u003c/mi-tooltip\u003e\n\u003c/template\u003e\n\n\u003c!-- 自定义 Title --\u003e\n\u003ctemplate\u003e\n    \u003cmi-tooltip\u003e\n        \u003ctemplate v-slot:title\u003e\n            \u003cp\u003e提示信息\u003c/p\u003e\n        \u003c/template\u003e\n    \u003c/mi-tooltip\u003e\n\u003c/template\u003e\n\n\u003c!-- 定制 Trigger 触发事件 --\u003e\n\u003ctemplate\u003e\n    \u003cmi-tooltip title=\"提示信息\" trigger=\"click\"\u003e\u003c/mi-tooltip\u003e\n\u003c/template\u003e\n\n\u003c!-- 自定义背景色 --\u003e\n\u003ctemplate\u003e\n    \u003cmi-tooltip title=\"提示信息\" bg-color=\"#f6ca9d\"\u003e\u003c/mi-tooltip\u003e\n\u003c/template\u003e\n\n\u003c!-- 自定义字体颜色 --\u003e\n\u003ctemplate\u003e\n    \u003cmi-tooltip title=\"提示信息\" text-color=\"#f6ca9d\"\u003e\u003c/mi-tooltip\u003e\n\u003c/template\u003e\n```\n\n## 更多\n\u003e 更多定制化内容及使用请查看在线示例：[https://admin.makeit.vip/components/tooltip](https://admin.makeit.vip/components/tooltip)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flirongtong%2Fmakeit-tooltip","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flirongtong%2Fmakeit-tooltip","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flirongtong%2Fmakeit-tooltip/lists"}