@hz_yujin/vue2-base-placeholder

Vue 2.6 / 2.7 占位组件，基于 Vanta.js NET 动效，默认白色主题。

安装

npm install @hz_yujin/vue2-base-placeholder

依赖会自动安装 [email protected] 与 vanta。

注册

import Vue from 'vue'
import Vue2BasePlaceholder from '@hz_yujin/vue2-base-placeholder'
import '@hz_yujin/vue2-base-placeholder/style.css'

Vue.use(Vue2BasePlaceholder)

基础用法

<template>
  <div style="height: 100vh">
    <welcome-placeholder title="欢迎使用" subtitle="选择左侧菜单开始体验" />
  </div>
</template>

Props

| Prop | 类型 | 默认 | 说明 | |------|------|------|------| | title | String | 欢迎使用 | 居中主标题 | | subtitle | String | '' | 副标题 | | backgroundColor | Number / String | 0xffffff | 背景色（白） | | color | Number / String | 0x64748b | 网点 / 连线颜色 | | points | Number | 10 | 点数量（越小越稀疏） | | maxDistance | Number | 16 | 连线最大距离 | | spacing | Number | 15 | 点间距 | | showDots | Boolean | true | 是否显示点 | | mouseControls | Boolean | true | 鼠标控制 | | touchControls | Boolean | true | 触摸控制 |

License

MIT