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