在搭建宜搭应用的过程中，你可能会遇到以下这些问题。

• 流程审批时，部分字段需要着重显示，比如报销金额、请假天数。
• 表单中填写的手机号、邮件地址如何点击拨号或者点击发送邮件呢。
• 表单中输入的网址，如何点击快速访问呢。

前提条件

本教程使用到宜搭部分基础功能，你可以先了解以下功能。

• 普通表单
• this.utils.isSubmissionPage()
• this.utils.previewImage()
• 关于 didMount

实现效果

实现步骤

创建普遍表单页面

创建普通表单页面，详情请参考普通表单。

在画布区域拖入以下组件。

• 单行文本：命名为红色的文字
• 单行文本：命名为访问地址
• 单行文本：命名为发送邮件
• 单行文本：命名为拨打手机
• 子表单：命名为子表单

• 单行文本：命名为访问地址
• 图片上传：命名为图片上传
• 单行文本：命名为图片预览

配置字段自定义渲染

将下述代码拷贝至页面 JS 面板中，注意修改组件唯一标识。

点赞(0) 打赏