前言:
使用 intro.js这个插件,来实现一个引导性的效果,适用场景,比如:新手引导页,操作说明等等
效果图:
官网地址:点我
实现步骤:
1、安装
npm install intro.js --save
pnpm/cnpm 用法一样
yarn add intro.js
2、使用方法1,新建一个单独vue组件
template部分:
<template>
<div class='card-demo'>我是界面写入的元素</div>
</template>
js部分:
import intro from "intro.js" // introjs库
import "intro.js/introjs.css" // introjs默认css样式