WeaDriver 非入侵式引导组件

Step1

Step2

Step4

        
          // 定义步骤数组
          const STEPS = [
            {
              element: '#step1',
              popover: {
                title: '步骤一',
                description: '天青色等烟雨,而我在等你,岁月被打捞起,掩盖了结局。',
                position: 'left'
              }
            },
            {
              element: '#step2',
              popover: {
                title: '步骤二',
                description: '在瓶底书汉隶仿前朝的飘逸,就当我为遇见你伏笔。',
                position: 'right'
              },
              onNext: () => new Promise((resolve, reject) => {
                setTimeout(function() {
                  window.appendDom();
                  resolve();
                }, 2000);
              })
            },
            {
              element: '#step3',
              popover: {
                title: '步骤三-异步引导',
                description: '我送他给你离开,千里之外!',
                position: 'top'
              },
              onPrevious: () => new Promise((resolve, reject) => {
                window.removeDom();
                resolve();
              })
            },
            {
              element: '#step4',
              popover: {
                title: '步骤四',
                description: '屋檐如悬崖,风铃如沧海,我等燕归来。',
                position: 'bottom'
              }
            }
          ];
          // 使用组件
          const myWeaDriver = new WeaDriver(STEPS);
          myWeaDriver.init();