指南 | 钉钉小程序如何使用 Antmove 组件库？

介绍

钉钉小程序支持使用Vant-Aliapp,iView-Aliapp。

安装

通过 npm 安装使用

npm i vant-aliapp -S --production 

或

npm i iview-aliapp -S --production

通过 yarn 安装使用

yarn add vant-aliapp --production

或

yarn add iview-aliapp --production

下载代码使用

直接通过 git 下载 Vant Aliapp 源代码，并将 dd/vant-app 目录拷贝到自己的项目中

git clone https://github.com/ant-move/Vant-Aliapp.git

或

git clone https://github.com/ant-move/iView-Aliapp

如何使用

第一步：下载 Vant/iView 的代码，将 dd/vant-app 或view-ddapp 目录拷贝到自己的项目中。然后按照如下的方式使用组件，以 Button 为例，其它组件在对应的文档页查看：

添加需要的组件。在页面的 json 中配置（路径根据自己项目位置配置）：

"usingComponents": {
    "i-button": "../../dd/vant-app/dist/button/index"
} 

/**
* npm方式引入
*/
"usingComponents": {
    "i-button": "vant-app/dist/button/index"
} 

或

"usingComponents": {
    "i-button": "../../dd/view-ddapp/dist/button/index"
}

/**
* npm方式引入
*/
"usingComponents": {
    "i-button": "view-ddapp/dist/button/index"
}

在 axml 中使用组件：

<i-button type="primary" onClick="handleClick">这是一个按钮</i-button>

第二步：由于relations 和 selectComponent 功能依赖 Antmove 编译时数据，需要使用antmove-complier命令进行编译才能正常使用。