微信小程序使用拓展组件库
方式:通过 useExtendedLib 扩展库 的方式引入
方法:在全局app.json
中添加
"useExtendedLib": {
"kbone": true,
"weui": true
}
好处:在使用时可省略 import 步骤(相对于npm
构建来说)
使用:
先在所要引用的页面的json
文件中添加对应组件名称(不需要在wxss中导入)
例:
{
"usingComponents": {
"mp-cells": "weui-miniprogram/cells/cells",
"mp-cell": "weui-miniprogram/cell/cell",
"mp-slideview": "weui-miniprogram/slideview/slideview"
}
}
然后在WXML
中像基础组件一样使用即可。
例:
<mp-cells>
<mp-cell link value="我的喜欢">
<image slot="icon" src="{{icon}}" style="margin-right: 16px;vertical-align: middle;width:20px; height: 20px;"></image>
</mp-cell>
<mp-cell link url="../collection/collection" value="我的收藏" footer="说明文字">
<image slot="icon" src="/miniprogram/images/about.png" style="margin-right: 16px;vertical-align: middle;width:50rpx; height: 50rpx;"></image>
</mp-cell>
</mp-cells>
补充(qaq):如果要使用WeUI
的拓展组件只能使用npm
构建的方式(因为这两种方式是冲突的)。