微信小程序中使用weui组件库

这里只介绍官方推荐的通过useExtendedLib扩展库的方式引入,这种方式引入的组件将不计入代码包的大小。

  1. app.json中配置
bash 复制代码
{
  "useExtendedLib": {
    "kbone": true,
    "weui": true
  }
}
  1. 在使用组件的页面的 json 文件加入 usingComponents 配置字段
bash 复制代码
{
  "usingComponents": {
    "mp-badge": "weui-miniprogram/badge/badge"
  }
}
  1. 页面中使用
bash 复制代码
<mp-badge content="123"></mp-badge>

参考:https://blog.csdn.net/weixin_45665171/article/details/129056639

相关推荐
2501_915921431 天前
掌握 iOS 26 App 性能监控,从监测到优化的多工具组合流程
android·macos·ios·小程序·uni-app·cocoa·iphone
知识分享小能手1 天前
uni-app 入门学习教程,从入门到精通, uni-app常用API的详细语法知识点(上)(5)
前端·javascript·vue.js·学习·微信小程序·小程序·uni-app
Strawberry961 天前
chooseVideo传视频无法取到缩略图
微信小程序
一匹电信狗1 天前
【C++】手搓AVL树
服务器·c++·算法·leetcode·小程序·stl·visual studio
2501_916008891 天前
手机 iOS 系统全解析,生态优势、开发机制与跨平台应用上架实践指南
android·ios·智能手机·小程序·uni-app·iphone·webview
00后程序员张1 天前
Fiddler使用教程,全面掌握Fiddler抓包工具的配置方法、代理设置与调试技巧(HTTPHTTPS全解析)
前端·测试工具·ios·小程序·fiddler·uni-app·webview
2501_916008891 天前
HTTPS 下的 DDoS 防护与抓包分析实战,从检测到快速缓解的工程化打法
网络协议·ios·小程序·https·uni-app·iphone·ddos
2501_915918411 天前
App 使用 HTTPS 的工程化实战,从接入到真机排查的一线指南
android·ios·小程序·https·uni-app·iphone·webview
江城开朗的豌豆1 天前
小程序与H5的“握手言和”:无缝嵌入与双向通信实战
前端·javascript·微信小程序
江城开朗的豌豆1 天前
小程序静默更新?用户却无感?一招教你“强提醒”
前端·javascript·微信小程序