微信小程序之引入vant-weapp组件库步骤非常详细（云开发）

一、查看组件库样式：

vant-weapp组件库链接：https://youzan.github.io/vant-weapp/#/intro

二、初始化package.json文件、

三、安装对应的vant-weapp组件库包：

继续输入命令：npm i vant-weapp -S --production导入包

四、使用vant-weapp组件：

json代码演示：
“usingComponents”: {
“van-steps”: “path/to/vant-weapp/dist/steps/index”
}
在引入时要删掉path/to/与/dist

json：

{
  "usingComponents": {
    "van-steps": "vant-weapp/steps/index"
  }
}

wxml：

<view class='custom'><van-steps
  steps="{{ steps }}"
  active="{{ active }}"
/></view>

js：

Page({
  data: {
    active:0,
    steps: [
      {
        text: '已付款',
      },
      {
        text: '已发货',
      },
      {
        text: '完成交易',
      }
    ],
 }
})

五、效果：