WeaToolIntro

Based the introjs, a user experience boot. Demo

Guide

CDN

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/wea-tool-intro@2.1.0/dist/wea-tool-intro.min.css">
<script src="https://cdn.jsdelivr.net/npm/wea-tool-intro@2.1.0/dist/wea-tool-intro.min.js"></script>

NPM

npm install --save wea-tool-intro

import WeaToolIntro from "wea-tool-intro";

Usage

 
var myWeaToolIntro = new WeaToolIntro([
  {
    element: "#step1",
    intro: "<h6>步骤一</h6>天青色等烟雨，而我在等你，岁月被打捞起，掩盖了结局。",
    position: "right",
    event: function() {
      console.log("step1");
    }
  },
  ...
]);
myWeaToolIntro.start();

Parameter

Name	Type	Descript
element	String	步骤区块的 id
intro	String	步骤区块的描述文本
position	String	步骤区块的显示位置
event	Function	当前步骤切换时触发的事件

Deploy