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

相关推荐
云云只是个程序马喽37 分钟前
AI漫剧创作系统开发定制指南
人工智能·小程序·php
斯班奇的好朋友阿法法9 小时前
鸿蒙 vs iOS vs 微信小程序:开发平台全面对比
ios·微信小程序·harmonyos
cosinmz1 天前
图片太多太乱怎么整理?分享一个我最近常用的图片转 PDF方法
经验分享·小程序·pdf
科技互联.1 天前
2026年小程序定制市场:个性化需求激增,技术深度成竞争关键
人工智能·小程序
小羊Yveesss2 天前
2026年小程序商城的现状和发展趋势
小程序
Greg_Zhong2 天前
微信小程序如何关闭:当前渲染模式为webview?
微信小程序·微信小程序渲染引擎·渲染引擎需搭配更高基础库
橘子海全栈攻城狮2 天前
【最新源码】养老院系统管理A013
java·spring boot·后端·web安全·微信小程序
智慧景区与市集主理人2 天前
五一市集分账混乱?巨有科技智慧市集小程序实现统一收款、自动分账
大数据·科技·小程序
程序鉴定师2 天前
深圳小程序制作哪家好?2026深度市场分析与选择指南?
大数据·小程序
河北清兮网络科技2 天前
广告联盟全解析:从开发接入到运营优化,多视角拆解流量变现逻辑
小程序·app