vue项目指引driver.js
安装driver.js
安装不同版本,引入driver和driver样式方式不同,具体如下文档
npm install driver.js -s
这样安装需参考https://driverjs.com/docs/installation
npm install driver.js@0.9.8
这样安装可参考https://kamranahmed.info/driver.js/#
使用
let driver=new Driver({
doneBtnText: options.doneBtnText||"完成", // 结束按钮的文字
animate: options.animate||true, // 动画
stageBackground: options.stageBackground||"#ffffff", // 突出显示元素的背景颜色
nextBtnText: options.nextBtnText||"下一步", // 下一步按钮的文字
prevBtnText: options.prevBtnText||"上一步", // 上一步按钮的文字
closeBtnText: options.closeBtnText||"关闭", // 关闭按钮的文字
allowClose:options.allowClose||false, // 关闭按钮的文字
})
driver.defineSteps(steps)
driver.start()
this.guide(options,steps)
{
element: '#a',
popover: {
className: 'first-step-popover-class',
title: '帮助',
description: `<span>111</span>`,
position: 'bottom'
}
},{
element: '#b',
popover: {
className: 'first-step-popover-class',
title: '帮助',
description: `<span>2222</span>`,
position: 'bottom'
}
}]`