微信小程序WeUI通过npm方式下载构建方法及示例

WeUI组件库

更新微信开发者工具 (因为更新后的开发者工具有自带的终端,会使npm构建方法变得简单)

1)在微信开发者工具终端输入 npm init 然后一直回车
2)回车完毕后输入 npm install weui-miniprogram 然后等待安装

安装成功后在微信开发者工具的上面点击工具下面的构建npm然后等待一会会弹出一个弹框显示构建成功,用了多少毫秒。这样就算构建成功

接下来点击右上角详情→本地设置选择使用npm模块
在这里插入图片描述

接下来开始使用

首先在app.wxss中导入WeUI样式

(ps:如果没有动过新增的文件或文件夹路径应该跟我是一致的)
在这里插入图片描述
接下来在app.json中配置(我这里引用的是搜索组件)
在这里插入图片描述
然后在相应的页面中调用此组件的
在这里插入图片描述
在js中调用组件页面的方法

在这里插入图片描述
这样就算结束(谢谢观看,撒花撒花)

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值