微信小程序简单使用拓展组件库方法

微信小程序使用拓展组件库

方式：通过 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构建的方式（因为这两种方式是冲突的）。