首页 » 技术分享 » 微信小程序引入组件(useExtendedLib)

微信小程序引入组件(useExtendedLib)

 

使用之前
扩展组件库基于小程序自定义组件构建,在使用扩展组件库之前,建议先阅读熟悉小程序自定义组件

引入组件
通过 useExtendedLib 扩展库 的方式引入,这种方式引入的组件将不会计入代码包大小。
可以通过npm方式下载构建,npm包名为weui-miniprogram

1.useExtendedLib

style
基础库 2.8.0 开始支持,低版本需做兼容处理。

微信客户端 7.0 开始,UI 界面进行了大改版。小程序也进行了基础组件的样式升级。app.json 中配置 “style”: "v2"可表明启用新版的组件样式。

本次改动涉及的组件有 button icon radio checkbox switch slider。可前往小程序示例进行体验。

useExtendedLib
基础库 2.2.1 开始支持,低版本需做兼容处理。

最新的 nightly 版开发者工具开始支持,同时基础库从支持 npm 的版本(2.2.1)起支持

指定需要引用的扩展库。目前支持以下项目:

kbone: 多端开发框架
weui: WeUI 组件库
指定后,相当于引入了对应扩展库相关的最新版本的 npm 包,同时也不占用小程序的包体积目前暂不支持在分包中引用。用法如下:

1.1 在app.json配加粗样式

"useExtendedLib": {
    "weui": true
  },

1.2 如何使用
首先在页面的 json 文件加入 usingComponents 配置字段,然后可以在页面中引入 dialog 弹窗组件(如果用其他的组件就引入其他的)

{
  "usingComponents": {
    "mp-dialog": "weui-miniprogram/dialog/dialog"
  }
}

效果:
在这里插入图片描述

目前只写useExtendedLib 的方式,写的不是很好

转载自原文链接, 如需删除请联系管理员。

原文链接:微信小程序引入组件(useExtendedLib),转载请注明来源!

0