简介
wechat-steps 是一个能够在微信小程序中创建步骤指示器的 npm 包。该包的特点在于简单易用，而且轻量级。本文将介绍该包的使用方法，包括安装、调用和配置等内容。
安装
安装 wechat-steps 包非常简单，只需要在命令行中输入以下命令：
npm install wechat-steps --save
这条命令会将 wechat-steps 包下载到你的项目中，并将其添加到你的 package.json 文件中。
使用方法
导入 wechat-steps 包
在编写代码前，你需要先在小程序的页面中导入 wechat-steps 包。导入的方法如下：
import WeChatSteps from 'wechat-steps';
调用 wechat-steps
一旦将 wechat-steps 导入到了项目中，你便可以在需要的地方调用它。
// 创建一个步骤指示器
let mySteps = new WeChatSteps({
stepCount: 4,
currentStep: 1,
selector: ".step-container",
color: "#3eb4ff",
title: "步骤指示器"
});上面这个代码段中，我们创建了一个包含 4 个步骤、当前为第一步的指示器，将它的容器绑定到了 id 为 step-container 的元素上，设置了指示器的颜色和标题。
外部调用
在某些情况下，你可能需要在页面跳转完成后动态调用指示器的步骤。以下是调用指示器的方法：
// 将指示器跳转到第二步 mySteps.go(2);
总结
wechat-steps 是一个非常实用的小程序步骤指示器，它能够简单地让你在项目中创建一个指示器，指示器能够随着用户的操作而动态更新，非常方便。希望本文能够对你有所帮助。下面是完整示例代码：
-- -------------------- ---- -------
------ ----------- ---- ---------------
------
-------- -------- -- -
-- ---------
--- ------- - --- -------------
---------- --
------------ --
--------- ------------------
------ ----------
------ -------
---
-- ----------
--------------
-
---来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006710a8dd3466f61ffe037