实现自定义 button 组件
提示
本文介绍的是兼容组件的实现,适配了小程序组件和 Web 组件,可以跨平台使用。
如果,仅适配了单一平台(小程序 or Web),则只能在单一平台上使用。
快速开始
为了帮助开发者了解如何开发自定义组件,从而更好地搭建更加丰富的低代码应用,我们提供了一个 自定义组件示例仓库,包含一些常见组件的示例可供参考。
您可以通过以下方式快速开始:
# 1. 克隆自定义组件示例仓库到本地
git clone https://github.com/1225zhangqian/weda-custom-components.git
# 2. 进入项目目录并安装依赖
cd weda-custom-components
npm install
# 3. 通过命令快速创建新组件
npm run new
准备工作
参考 创建第一个组件库 文档,完成:
- 创建云端组件库
- 关联本地组件库
第 1 步:编辑组件库配置
参考 组件库配置 文档,编辑配置。
第 2 步:编辑组件配置
参考 组件配置 文档,编辑配置。
第 3 步:编辑小程序组件源码
参考 小程序组件源码 文档,编辑源码。
第 4 步:编辑 Web 组件源码
参考 Web 组件源码 文档,编辑源码。
第 5 步:调试组件
组件暂不支持单独调试。
参考 创建第一个组件库 文档,借助 调试本地组件库 的能力,调试组件。
第 6 步:发布组件
组件暂不支持单独发布。
参考 创建第一个组件库 文档,借助 发布本地组件库 和 发布云端组件库 的能力,发布组件。