lirongtong / miitvip-anchor

:sparkling_heart: Makeit Anchor 锚点组件,基于 Vue3.x + Vite2.x 开发 :collision: 自动收集页面内的 H 标题标签 :fire: 使其形成锚点,悬浮展示并提供自动跳转功能 :sweat_drops:

Home Page:https://admin.makeit.vip/components/anchor

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

基于 Vue3.x + Vite4.x 开发的自动收集 h 标签,进而形成锚点,悬浮展示,点击跳转的组件

npm package npm_downloads MIT webpack vue vite

关于

Makeit Anchor 锚点组件,基于 Vue3.x + Vite2.x 开发,自动收集页面内的 h 标签 ( 同时支持自定义收集区域及指定标签 ),使其形成锚点,悬浮展示并提供点击自动跳转功能。

✅ 默认收集页面内的 h 标签

✅ 支持自定义收集区域

✅ 支持自定义收集区域内的指定标签名称

✅ 悬浮展示的位置控制

安装

npm i makeit-anchor

使用

import { createApp } from 'vue'
import MakeitAnchor from 'makeit-anchor'
import 'makeit-anchor/dist/anchor.min.css'
import App from './app.vue'

const app = createApp(App)
app.use(MakeitAnchor)
app.mount('#app')

示例

<template>
    <mi-anchor />
</template>

更多

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

About

:sparkling_heart: Makeit Anchor 锚点组件,基于 Vue3.x + Vite2.x 开发 :collision: 自动收集页面内的 H 标题标签 :fire: 使其形成锚点,悬浮展示并提供自动跳转功能 :sweat_drops:

https://admin.makeit.vip/components/anchor

License:MIT License


Languages

Language:TypeScript 53.2%Language:Less 28.3%Language:JavaScript 17.1%Language:HTML 0.9%Language:Vue 0.4%