wea-tool-intro
v2.2.0
Published
A user experience boot component based the introjs
Downloads
7
Readme
WeaToolIntro
Based the introjs, a user experience boot. Demo
Guide
CDN
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/wea-tool-intro.min.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/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 | 当前步骤切换时触发的事件 |