1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/wildidea-miitvip-tooltip

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
Внести вклад в разработку кода
Синхронизировать код
Отмена
Подсказка: Поскольку Git не поддерживает пустые директории, создание директории приведёт к созданию пустого файла .keep.
Loading...
README.md

Makeit Tooltip

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

npm package npm_downloads MIT webpack vue vite

关于

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 )

Вы можете оставить комментарий после Вход в систему

Введение

Псевдоэлемент, созданный на основе Vue3.x и Vite, представляет собой пузырьковый слой, который не содержит сложного текста и может заменить стандартное отображение title в системе. Это позволяет удовлетворить индивидуальные потребности большего числа пользователей. Развернуть Свернуть
TSX и 6 других языков
MIT
Отмена

Обновления

Пока нет обновлений

Участники

все

Недавние действия

Загрузить больше
Больше нет результатов для загрузки
1
https://api.gitlife.ru/oschina-mirror/wildidea-miitvip-tooltip.git
git@api.gitlife.ru:oschina-mirror/wildidea-miitvip-tooltip.git
oschina-mirror
wildidea-miitvip-tooltip
wildidea-miitvip-tooltip
main