# 步骤二：搭建消息卡片

本教程中需要搭建四张消息卡片：加班审批卡片、请假审批卡片、加班通过的通知卡片、请假通过的通知卡片。

## 操作步骤

1. 登录 [消息卡片搭建工具](https://open.feishu.cn/tool/cardbuilder) 。

2. 单击右上方的 **新建卡片** 按钮，然后在新建卡片页面，创建一个空白卡片。
首次登录时，消息卡片搭建工具会自动为你生成一个初始的消息卡片，你可以在该卡片的基础上进行编辑，也可以直接创建一个新的卡片。

3. 在新建卡片页面，单击 **新建空白卡片** ，然后在弹出的对话框中填写 **卡片名称** ，最后单击 **保存**。

![](//sf3-cn.feishucdn.com/obj/open-platform-opendoc/adf1c31679d2db54f5b057c65e4086d0_T7aydZGVnW.png?height=1732&lazyload=true&maxWidth=600&width=3032)

4. 新建卡片后，你可以在 **模块组件** 栏，单击需要的组件，将其添加到卡片中。

例如：在 **内容组件** 中，单击 **标题** 组件即可为卡片添加一个标题。

![](//sf3-cn.feishucdn.com/obj/open-platform-opendoc/34fb8aaa987c54c349a7a83ff1f7fb43_eHKFCK0GXZ.png?height=1430&lazyload=true&maxWidth=600&width=1844)

5. 在中间的 **卡片预览** 区域，选择需要的模块组件，并完成各模块的编辑。

这里以 **请假通过** 卡片为例，配置过程如下。

1. 单击 **标题** ，在右侧配置标题的 **内容** 和 **样式** 。
	2. 单击 **按钮**，选择 **单按钮** 排列方式，在右侧编辑按钮的 **内容、样式**及**回传参数** 。

审批卡片中，为了区分用户申请的类型，我们需要为**按钮配置回传交互参数**。用户点击后，触发的事件会由飞书回传给在开发者后台填入的消息卡片请求地址。

同步到日历的回传参数：
      	- 加班审批、加班通过：type，work_overtime。
      	- 请假审批、请假通过：type，leave。

![](//sf3-cn.feishucdn.com/obj/open-platform-opendoc/71bede043ca5368ba3ed081939bdb5e6_ikjbyMF9pE.png?height=1496&lazyload=true&maxWidth=600&width=2922)

3. 修改完成后在顶部菜单栏单击 **保存并发布**。

<br>

6. 参考以上流程继续创建并发布加班审批、请假审批、加班通过的消息卡片。全部完成后，你可以在 **我的卡片** 中看到已经成功发布的四张消息卡片。

![image.png](//sf3-cn.feishucdn.com/obj/open-platform-opendoc/fa4e52e048a590c0607a044acdabf6cc_gPEbOUU8Ov.png?height=380&lazyload=true&maxWidth=600&width=1698)