跳到主要内容

实现自定义 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. 关联本地组件库

第 1 步:编辑组件库配置

参考 组件库配置 文档,编辑配置。

第 2 步:编辑组件配置

参考 组件配置 文档,编辑配置。

第 3 步:编辑小程序组件源码

参考 小程序组件源码 文档,编辑源码。

第 4 步:编辑 Web 组件源码

参考 Web 组件源码 文档,编辑源码。

第 5 步:调试组件

组件暂不支持单独调试。

参考 创建第一个组件库 文档,借助 调试本地组件库 的能力,调试组件。

第 6 步:发布组件

组件暂不支持单独发布。

参考 创建第一个组件库 文档,借助 发布本地组件库发布云端组件库 的能力,发布组件。