页面分步引导组件Driver.js
(这里仅做简单的介绍,关注博客,后续补充使用方法)
最近在做项目的时候,发现了一个页面分步引导组件 Driver.js,先看张图片就知道这个组件是做什么的了
大家看完效果后,觉得自己手写一个也可以,但是我觉得使用插件的话ui效果、兼容等可能会更好一点吧,Driver.js是一个轻量级(约4kb gzip),并且无任何依赖,可以提高用户对页面的关注度,也可以创建强大的分部引导介绍功能,号召性用语组件,焦点移位器等,支持所有的主流浏览器
使用方式:
1、script标签引入 CDN地址:https://www.bootcdn.cn/driver.js/
<script src="/dist/driver.min.js"></script>
2、npm安装,import引入 可以很好的和Vue结合一起使用
npm install driver.js
import Driver from 'driver.js';
import 'driver.js/dist/driver.min.css';