修改driver.js,添加自己想要的样式,动态更改每一步操作按钮的文案,并提供下一步的回调,略过,并完成操作能力!至于driver.js,可以发现它是一个比较不错的开机插件,但是在生产实践中有一些不足:该库没有提供改变开机面板样式的方法,只能设置元素显示、隐藏和屏蔽背景Transparency不提供动态更改操作按钮在指南面板上的可见性和更新按钮文本的能力。只能在初始化时定义在上述两个痛点之间。只需在driver.js的基础上修改这个库即可。首先,让我们看看这个库是如何工作的。使用和安装npmidriver.js比较简单。直接定义要引导的元素的id属性、引导文本、相对位置即可。开始我们的改造第一步:改样式xdm,我直接贴代码第二步:封装操作插件因为我们业务需要改一下关闭按钮的文案:跳过${currentstep}/${totalstepnumber},所以用了一个不太优雅的方式来动态改变当前步数,亲测可用!然后在下一步添加回调函数参数,跳过,完成操作,这样就可以在用户已经看过指南的情况下请求接口或者更改缓存标记,更加方便!第三步:利用页面上的总结来做新手引导是一件比较麻烦和痛苦的事情,而且代码的侵入性也比较大。如果能将其打包成可复用的插件或工具,就可以大大节省我们的开发。又到了调试引导位置样式的时候了,如果我的文章对你有帮助,谢谢你的一键三连。
