WeaIntro

Based the introjs, a user experience boot. Demo

Guide

CDN

<link href="https://cdnjs.cloudflare.com/ajax/libs/wea-intro/0.1.0/wea-intro.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/wea-intro/0.1.0/wea-intro.min.js" />

NPM

npm install --save wea-intro

import WeaIntro from "wea-intro";

Usage

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

Parameter

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

Deploy