微信小程序中使用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

相关推荐
ZC跨境爬虫4 小时前
模块化烹饪小程序开发日记 Day7:(菜谱详情接口开发与JSON数据读取全流程)
前端·javascript·css·ui·微信小程序·json
AI砖家5 小时前
微信小程序包体积优化与分包实战:从2M困境到优雅突破
微信小程序·小程序·notepad++·分包·小程序体积压缩
2501_9159184116 小时前
Linux 上生成 AppStoreInfo.plist,App Store 上架 iOS
android·ios·小程序·https·uni-app·iphone·webview
只要微微辣16 小时前
Uniapp 微信小程序 Canvas画框标注:拖拽缩放全攻略
前端·微信小程序·uni-app·canvas·canva可画
爱学习的程序媛16 小时前
微信小程序3D开发框架技术对比:XR-Frame与threejs-miniprogram
3d·微信小程序·小程序·前端框架
万岳科技系统开发16 小时前
外卖系统小程序开发方案解析:直播、团购与外卖功能如何融合
数据库·小程序·架构
小羊Yveesss16 小时前
2026年微信小程序开发教程
微信小程序·小程序·notepad++
万岳科技程序员小赵16 小时前
同城外卖系统开发:APP、小程序上线前需要准备什么?
小程序·同城外卖系统·同城外卖系统app开发
肖有米XTKF864617 小时前
肖有米开发团队:推三返一模式系统开发-推三返一商业平台小程序介绍
人工智能·小程序·团队开发·csdn开发云
深邃-17 小时前
【Web安全】-企业资产信息收集(2):子域名查询,小程序和APP收集
计算机网络·安全·web安全·网络安全·小程序·系统安全·fofa