Lazy loaded image
微信小程序
05引入weui组件库
字数 343阅读时长 1 分钟
2023-9-29
2023-9-29
type
status
date
slug
summary
category
tags
password
icon

第一种方法:

一、通过npm方式下载构建,npm包名为 weui-miniprogram

1、进入小程序项目根目录,执行命令 npm init 创建 package.json 文件
注意:一开始是没有的 package.json 文件的,就是在这里踩的坑...
 
2、在小程序 package.json 所在的目录中执行命令安装 npm 包,安装命令:
💡
注意:此处要求参与构建 npm 的 package.json 需要在 project.config.json 定义的 miniprogramRoot 之内。
3、点击开发者工具中的菜单栏:工具 --> 构建 npm4、勾选“使用 npm 模块”选项

二、WeUI组件的使用

1、首先要在 app.wxss 里面引入 weui.wxss
2、在使用组件的页面的 json 文件加入 usingComponents 配置字段,例如弹窗组件
 
💡
注意:路径与组件包在项目的位置有
3、在对应页面的 wxml 中直接使用该组件
 

第二种方法:

1.微信基础库在2.2.1 以上(包含)可以直接在app.json 里面配置就可以
2. 在使用组件的页面的 json 文件加入 usingComponents 配置字段
 
3.然后就能在wxml页面直接使用了
 
上一篇
04引入vant-weapp组建库
下一篇
如何使用 Cloudflare API 实现 DDNS 并自动定时更新