https://github.com/lqs5858/hoo-sdk
vue development sdk. sdk-js，新手引导SDK
https://github.com/lqs5858/hoo-sdk
javascript npm sdk-js vue webpack
Last synced: 2 months ago
JSON representation
vue development sdk. sdk-js，新手引导SDK
- Host: GitHub
- URL: https://github.com/lqs5858/hoo-sdk
- Owner: LQS5858
- Created: 2021-11-02T10:11:00.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2022-12-21T09:51:33.000Z (over 3 years ago)
- Last Synced: 2025-09-21T21:36:00.083Z (10 months ago)
- Topics: javascript, npm, sdk-js, vue, webpack
- Language: Vue
- Homepage:
- Size: 468 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 新手引导 SDK
### 安装
#### cdn 引入
```
```
#### npm 方式
```
npm i --save guide-sdk
```
### 使用
```
import Guide from "guide-sdk";
const guideSdk = new Guide(
{
stepList: [
{
classId: "#test-sdk", //挂载的目标dom选择器
title: "技术中台1",
content: "技术中台1",
nextText: "下一步",
prevText: "跳过",
},
{
classId: "#second-sdk", //挂载的目标dom选择器
title: "技术中台2",
content: "技术中台2",
nextText: "下一步",
prevText: "上一步",
},
],
},
(step) => {
//下一步回调，点击下一步需要在这里调用renderDom(+step+1)
guideSdk.renderDom(+step + 1);
},
(step) => {
//上一步回调，点击下一步需要在这里调用renderDom(+step+1)
guideSdk.renderDom(+step - 1);
},
(step) => {
//步骤全部完成回调
}
);
guideSdk.renderDom(1);
```