2.2.0 • Published 5 years ago
wea-tool-intro v2.2.0
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 | 当前步骤切换时触发的事件 |