2024-08-27 10:08:47 +08:00

1.2 KiB
Raw Blame History

使用第三方组件库

微信小程序的组件库也是非常丰富的,比较有名的:

微信官方也提供了一套官方的组件,叫做 WeUI但是风格基本上就和微信非常相似

vant 使用示例

首先第一步需要安装

npm i @vant/weapp -S --production

但是在安装之前,需要先使用 npm init -y 初始化一下整个项目

第二步去掉 app.json 里面的 "style": "v2",否则可能会出现样式混乱

新版的微信开发者工具不需要修改 project.config.json所以我们直接进入到第四步点击【工具】下面的【构建npm】完成构建

image-20230202091459194

构建成功之后,根目录下面会生成 miniprogram_npm 目录

image-20230202091642411

使用组件时,需要现在页面的 json 中进行配置,例如:

{
  "usingComponents": {
    "van-button": "@vant/weapp/button/index",
  }
}