1. makeit-anchor

makeit-anchor

Makeit Anchor

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

npm package
npm_downloads
MIT
webpack
vue
vite

关于

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

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

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

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

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

安装

 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

Dependencies

@babel/core: ^7.18.6@babel/eslint-parser: ^7.17.0@babel/plugin-proposal-class-properties: ^7.18.6@babel/plugin-proposal-export-default-from: ^7.18.6@babel/plugin-proposal-export-namespace-from: ^7.18.6@babel/plugin-proposal-object-rest-spread: ^7.18.6@babel/plugin-proposal-optional-chaining: ^7.18.6@babel/plugin-syntax-dynamic-import: ^7.8.3@babel/plugin-transform-object-assign: ^7.18.6@babel/plugin-transform-runtime: ^7.18.6@babel/plugin-transform-typescript: ^7.18.8@babel/preset-env: ^7.18.6@babel/preset-typescript: ^7.18.6@intlify/unplugin-vue-i18n: ^0.8.1@types/node: ^18.13.0@typescript-eslint/eslint-plugin: ^5.27.0@typescript-eslint/parser: ^5.27.0@vitejs/plugin-vue: ^4.0.0@vitejs/plugin-vue-jsx: ^1.3.8@vue/babel-plugin-jsx: ^1.1.1@vue/compiler-sfc: ^3.2.47@vue/eslint-config-prettier: ^6.0.0@vue/eslint-config-typescript: ^10.0.0autoprefixer: ^10.4.7babel-loader: ^8.2.5case-sensitive-paths-webpack-plugin: ^2.4.0clean-webpack-plugin: ^4.0.0compression-webpack-plugin: ^10.0.0css-loader: ^6.7.1css-minimizer-webpack-plugin: ^4.0.0eslint: ^8.11.0eslint-config-prettier: ^8.5.0eslint-plugin-import: ^2.26.0eslint-plugin-prettier: ^3.4.1eslint-plugin-vue: ^8.5.0gulp: ^4.0.2gulp-autoprefixer: ^8.0.0gulp-babel: ^8.0.0gulp-clean-css: ^4.3.0gulp-concat: ^2.6.1gulp-less: ^5.0.0gulp-sourcemaps: ^3.0.0gulp-typescript: ^6.0.0-alpha.1html-loader: ^4.1.0less: ^4.1.2less-loader: ^10.2.0less-plugin-npm-import: ^2.1.0merge2: ^1.4.1mini-css-extract-plugin: ^2.6.1postcss: ^8.4.14postcss-loader: ^7.0.1prettier: ^2.6.2rimraf: ^3.0.2style-loader: ^3.3.1terser-webpack-plugin: ^5.3.3through2: ^4.0.2ts-loader: ^9.3.1typescript: ^4.7.2unplugin-vue-components: ^0.19.6url-loader: ^4.1.1vite: ^4.1.1vite-plugin-eslint: ^1.8.1vue-eslint-parser: ^8.3.0vue-loader: ^17.0.0vue-style-loader: ^4.1.3vue-template-compiler: ^2.6.14webpack: ^5.70.0webpack-cli: ^4.9.2webpack-merge: ^5.8.0