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