微信小程序是使用vantUI组件

1、初始化

npm init   

//一步步走下去,不懂得可以去学学 npm,很简单

2、安装vant

# npm 安装
npm i vant-weapp -S --production

# yarn 安装
yarn add vant-weapp --production

3、在微信小程序上左上角  工具 => 构建NPM

成功会出现一个这样的文件夹:

4、使用:安装路径挂载

{
  "usingComponents": {
    "van-button": "/miniprogram_npm/vant-weapp/button/index",
    "van-cell": "/miniprogram_npm/vant-weapp/cell/index",
    "van-cell-group": "/miniprogram_npm/vant-weapp/cell-group/index"
  }
}
<view>
  <van-button type="primary">主要按钮</van-button>
  <van-cell-group>
  <van-cell title="单元格" value="内容" />
  <van-cell title="单元格" value="内容" label="描述信息" border="{{ false }}" />
</van-cell-group>
</view>

如果报错:

执行 git init 

再次构建

猜你喜欢

转载自blog.csdn.net/qq_37942845/article/details/90055505