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

相关推荐
徐飞不会喝酒5 小时前
uniapp 微信小程序uview2.0 u-popup弹出层弹出在遮罩层不影响卡片正常勾选的情况下实现点击空白区域关闭弹层
微信小程序·uni-app
说私域10 小时前
优质内容在个人IP运营中的重要性:以开源AI智能名片商城小程序为应用实例的深度探讨
人工智能·tcp/ip·小程序
ResponseState20013 小时前
测试:"小程序前端切一下生产服务器" 前端: "你自己切换就行啦"
前端·javascript·微信小程序
gongzemin13 小时前
uni-app 微信小程序发送订阅消息
前端·微信小程序·uni-app
大大。17 小时前
微信小程序防止重复点击事件
微信小程序·小程序
多客软件佳佳17 小时前
基于Thinkphp6+uniapp的陪玩陪聊软件开发方案分析
小程序·uni-app·php·生活·交友
大大。18 小时前
小程序textarea组件键盘弹起会遮挡住输入框
小程序
说私域18 小时前
开源AI智能名片商城小程序在个人品牌建设中的应用与“展温度”策略融合深度探索
人工智能·小程序
kaoyaoyao18 小时前
提升小程序获客策略
小程序·seo