微信小程序通过 useExtendedLib 的方式引入 WeUI 组件库

WeUI 组件库是一套基于样式库 weui-wxss 开发的小程序扩展组件库，同微信原生视觉体验一致。支持扩展库引入，不占用小程序包体积。

官方文档：https://wechat-miniprogram.github.io/weui/docs/

在 app.json 中指定要引用的 WeUI 扩展库。
```
{"useExtendedLib":{"weui": true}
}
```

在页面的 json 文件加入 usingComponents 配置字段。

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

就可以在对应页面的 wxml 中直接使用该组件。

<mp-dialog title="test" show="{{true}}" bindbuttontap="tapDialogButton" buttons="{{[{text: '取消'}, {text: '确认'}]}}"><view>test content</view>
</mp-dialog>

微信小程序通过 useExtendedLib 的方式引入 WeUI 组件库相关推荐

【微信小程序】使用npm并引入vant-weapp组件库
0 前言 vant文档与微信小程序文档写得弯弯绕绕,你引用我,我引用你,还给出了多种不同情况下的选项,甚至有步骤缺失,导致踩了一点小坑,浪费了一些没必要的时间,这里给出完整可行的实现方法,以供参考. ...
微信小程序退出按钮退出方式
微信小程序退出按钮退出方式 1,只能跳转到 tabBar配置的页面 wx.switchTab({url:''../xxx/xxx}) 2.返回上一级页面 (delta:返回的页面数,如果delta大于 ...
创建微信小程序的几种方式
创建微信小程序的几种方式 1. 使用原生方式在官网上下载微信开发者工具,之后使用微信开发者工具新建项目即可. 微信这边提供了多个模板,可以直接下载模板快速搭建上线,也可以使用空白模板根据需求自行编写 ...
微信小程序下拉框插件_微信小程序自定义select下拉选项框组件的实现代码_清玖_前端开发者...
知识点:组件,animation,获取当前点击元素的索引与内容微信小程序中没有select下拉选项框,所以只有自定义.自定义的话,可以选择模板的方式,也可以选择组件的方式来创建. 这次我选择了组件, ...
微信小程序把玩（十九）radio组件
原文:微信小程序把玩(十九)radio组件 radio组件为单选组件与radio-group组合使用,使用方式和checkbox没啥区别主要属性: wxml <!--设置监听器,当点击radi ...
微信小程序—自定义（城市选择）弹窗组件，将弹窗组件的值传给调用页面并显示（图文）
微信小程序-自定义(城市选择)弹窗组件,并传值 1.新建component文件夹用来存放自定义组件,并在其文件夹内新建cityModal Component,注意不是新建Page 新建完成之后出现四个 ...
原生微信小程序，搜索框（search）组件
原生微信小程序,搜索框(search)组件首先创建组件及两个跳转页面,第一个是搜索框所在的页面(首页),第二个是搜索详细页搜索框的本质是:搜索框不是input,而是navigate,跳转到专门的搜 ...
微信小程序的启动和渲染过程(加组件分类和组件的基本使用以及API分类)
文章目录导航路线小程序的启动过程小程序页面渲染的过程小程序中组件的分类有九大类常用的视图容器类组件小程序宿主环境-API 导航路线关于微信小程序知识点一共做了六个博客,涵盖大部分内容,有 ...
解决微信小程序textarea层级太高遮挡其他组件的问题
解决微信小程序textarea层级太高遮挡其他组件的问题参考文章: (1)解决微信小程序textarea层级太高遮挡其他组件的问题 (2)https://www.cnblogs.com/pansid ...

微信小程序通过 useExtendedLib 的方式引入 WeUI 组件库

微信小程序通过 useExtendedLib 的方式引入 WeUI 组件库相关推荐

最新文章

热门文章