vue引入introjs实现网页遮罩层步骤指引

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue引入introjs实现网页遮罩层步骤指引相关的知识,希望对你有一定的参考价值。

参考技术A 效果图

详细api 请看 =>   introJs 官方文档     

在index.html引入3个cdn文件

在对应要使用的vue文件实例化

在想使用步骤指引的元素上  加上如下加粗的  "  data-step="1" data-intro="这里填写QQ APPID"

* 插入图片  直接在data-intro 插入 img标签 如下加粗部分

以上是关于vue引入introjs实现网页遮罩层步骤指引的主要内容,如果未能解决你的问题,请参考以下文章

如何用css实现半透明遮罩层效果

微信提示浏览器打开代码——遮罩层提示代码实现!

Axure RP使用攻略--带遮罩层的弹出框

解决遮罩层上方元素可以滚动禁止遮罩层下方滚动问题

vue 如何设置点击空白处的遮罩层关闭弹窗

如何用css实现半透明遮罩层效果