vue项目指引driver.js

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'
  }
}]`

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值