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

相关推荐
说私域4 小时前
基于开源AI智能名片链动2+1模式的S2B2C商城小程序:门店私域流量与视频号直播融合的生态创新研究
人工智能·小程序·开源
说私域7 小时前
传统微商困境与开源链动2+1模式、AI智能名片及S2B2C商城小程序的转型破局
人工智能·小程序·开源
一渊之隔7 小时前
微信小程序在用户拒绝授权后无法使用wx.opensetting再次获取定位授权
微信小程序·小程序
racerun11 小时前
微信小程序如何实现再多个页面共享数据
微信小程序·小程序
XM-545811 小时前
2025微信小程序wxapkg解包全攻略
linux·运维·小程序
HERR_QQ2 天前
【unify】unify的微信小程序开发学习 (to be continued)
学习·微信小程序·小程序
racerun2 天前
小程序导航设置更多内容的实现方法
小程序
说私域2 天前
基于开源AI智能名片链动2+1模式S2B2C商城小程序的超级文化符号构建路径研究
人工智能·小程序·开源
mg6682 天前
微信小程序入门实例_____快速搭建一个快递查询小程序
微信小程序·小程序
程序员柳2 天前
基于微信小程序的校园二手交易平台、微信小程序校园二手商城源代码+数据库+使用说明,layui+微信小程序+Spring Boot
数据库·微信小程序·layui