引导页driver.js 高亮区域不可点击等配置

driver.js 制作引导页 高亮区域不可点击等配置

版本1.3.0

import {driver} from 'driver.js
import 'driver.js/dist/driver.css



const drive = new driver({
    nextBtnText: '', // 下一步文字配置
    disableActiveInteraction: true, // 高亮区域不可点击
    progressText: `{{current}}/{{total}}`, // 进度区域展示配置
    onPopoverRender: (popover {config,state} => {
    
        // 弹出框的render函数，可对一些定义的组件区域做定制化，如下增加一个按钮
        const firstButton = document.createElement('button')
        popover.footerButtons.inserBefore(firstButton,popover.footerButtons.childNodes[1])
        firstButton.addEventListener('click', () => {
            drive.destory()
        })
    })
})