微信小程序第三方UI组件(壹)

第一步:初始化package.json npm init -y
第二步:安装需要的小程序ui框架或第三方包 npm install weui-miniprogram

微信小程序第三方UI组件(壹)

第三步:配置小程序支持npm

打开开发者工具–详情–本地设置–勾选【使用npm模块】
微信小程序第三方UI组件(壹)

打开开发者工具–工具–构造npm
微信小程序第三方UI组件(壹)
微信小程序第三方UI组件(壹)

第四步:在app.wxss中引入第三方的ui框架样式

微信小程序第三方UI组件(壹)

第五步:在要引入的页面中添加相关组件并在页面上直接使用 xxx.json中引入第三方组件路径

微信小程序第三方UI组件(壹)

具体使用方法请参考https://developers.weixin.qq.com/miniprogram/dev/extended/weui/