https://github.com/lirongtong/miitvip-anchor

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

anchor component makeit makeit-admin-pro makeit-anchor makeit-component miitvip vite vue-component vue3

Last synced: about 4 hours ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/lirongtong/miitvip-anchor
• Owner: lirongtong
• License: mit
• Created: 2021-01-26T06:53:11.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2023-02-09T02:34:39.000Z (almost 2 years ago)
• Last Synced: 2024-11-09T11:19:44.243Z (8 days ago)
• Topics: anchor, component, makeit, makeit-admin-pro, makeit-anchor, makeit-component, miitvip, vite, vue-component, vue3
• Language: TypeScript
• Homepage: https://admin.makeit.vip/components/anchor
• Size: 99.6 KB
• Stars: 6
• Watchers: 1
• Forks: 1
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


    

        

    





    

        Makeit Anchor

    





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

[![npm package](https://img.shields.io/npm/v/makeit-anchor.svg?style=flat-square)](https://www.npmjs.org/package/makeit-anchor)

[![npm_downloads](http://img.shields.io/npm/dm/makeit-anchor.svg?style=flat-square)](http://www.npmtrends.com/makeit-anchor)

![MIT](https://img.shields.io/badge/license-MIT-ff69b4.svg)

![webpack](https://img.shields.io/badge/webpack-5.17.0-orange.svg)

![vue](https://img.shields.io/badge/vue-3.2.47-green.svg)

![vite](https://img.shields.io/badge/vite-4.1.1-yellow.svg)



## 关于

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

:white_check_mark: 默认收集页面内的 `h` 标签

:white_check_mark: 支持自定义收集区域

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

:white_check_mark: 悬浮展示的位置控制

## 安装

```bash

npm i makeit-anchor

```

## 使用

```ts

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

```

## 示例

```vue

    

```

## 更多

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