官方地址:https://developers.weixin.qq.com/miniprogram/dev/extended/weui/cells.html

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

引入组件可以通过npm方式下载构建,npm包名为weui-miniprogram也可以通过页面按需下载如何使用假设组件的目录为weui-miniprogram,首先要在app.wxss里面引入weui.wxss

代码语言:javascript代码运行次数:0运行复制@import './weui-miniprogram/weui-wxss/dist/style/weui.wxss';然后可以在页面中引入 dialog 弹窗组件

首先在页面的 json 文件加入 usingComponents 配置字段代码语言:javascript代码运行次数:0运行复制{

"usingComponents": {

"mp-dialog": "/path/components/dialog/dialog"

}

}然后可以在对应页面的 wxml 中直接使用该组件代码语言:javascript代码运行次数:0运行复制

test content

完整的组件的使用文档请参考具体的组件的文档。

修改组件内部样式每个组件可以设置ext-class这个属性,该属性提供设置在组件WXML顶部元素的class,组件的addGlobalClass的options都设置为true,所以可以在页面设置wxss样式来覆盖组件的内部样式。需要注意的是,如果要覆盖组件内部样式,必须wxss的样式选择器的优先级比组件内部样式优先级高。 addGlobalClass在基础库2.2.3开始支持。