> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# 设计定制

> 宜搭专属版提供设计定制功能，包括自定义企业Logo、表单样式、字号样式及详情页样式。支持移动端和PC端的布局调整与预览，帮助企业根据自身需求定制界面风格。

专属版专享

| **能力** | **免费版** | **轻享版** | **专业版** | **专属版** |
| ------ | ------- | ------- | ------- | ------- |
| 专属设计定制 | 不支持     | 不支持     | 不支持     | 支持      |

为了更好的将组织品牌特性进行更好的透传且支持企业根据业务需求自定义设计样式 ，宜搭的专属版本中，已开放部分设计定制能力。

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1657005148599-eb3ae744-8e78-4b6d-a7b5-a4eca3419217.png)
</Frame>

## 设计定制功能：

### 1. 自定义企业Logo

平台层设计定制，适用于消息通知、导航栏、应用图标，设定企业专属logo（1M 以内的 JPG/JPEG/GIF/PNG/SVG 可作为企业 logo ），更换的logo可适用于 **浏览器顶部标签页的图标替换和 钉钉应用工作通知的消息卡片头像替换**

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1659841059110-defb984c-11d4-478d-81e3-3ef91f94c733.png)
</Frame>

| **浏览器顶部标签页的图标**                                                                                                          | **钉钉应用工作通知的消息卡片头像**                                                                                                                                                         |
| ------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1659841066234-0f2041f2-a9cf-471e-a731-75bfe640c6cf.png) | ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1659841072835-0ad2215e-08c2-42ee-9767-47447aa25892.png)<br />仅适配审批快捷消息替换企业logo，页面快捷消息、集成自动化消息节点、流程催办卡片暂不支持 |

### 2. 自定义表单样式

表单双端字号大小等文字样式设置、布局排列模式。应用表单支持电脑端/手机端的布局及样式调整，同时支持效果调整预览。

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1659841087346-eb8bceec-bf80-4dd6-ab8c-c02fa7781e6b.png)
</Frame>

页面层新增支持PC端和移动端布局/组件样式 如 组件尺寸、标题位置、标题宽度、标题字重、背景色等属性配置。页面层设计定制的样式默认读取平台设计定制的属性，一旦调整后，将归该页面个性化所有。基于页面模板创建或Excel导入的表单页面暂时不支持继承平台层的组件设置属性。

| **移动端配置**                                                                                                                | **PC端配置**                                                                                                                |
| ------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------ |
| ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1659841169317-fb4e0fff-3e24-4f97-a4a0-960378806168.png) | ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1659841173167-a91cf060-2972-4a1e-835d-01f851a51dea.png) |

设计定制预览效果：

| **移动端配置**                                                                                                                | **PC端配置**                                                                                                                |
| ------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------ |
| ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1659841179864-27b86039-a35a-4659-9e95-182181a02a3e.png) | ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1659841186178-87ae29b4-6b24-497e-9906-c6227a538490.png) |
| ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1659841198087-7aef77ee-2f1b-4d5b-b9e6-fc8c3343678c.png) | ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1659841201413-5c81bdeb-a3ed-478d-8e93-c82134f4b453.png) |

针对表单页面类型新增支持自定义氛围头功能，支持使用推荐图片或自定义上传图片

| **移动端配置**                                                                                                                | **PC效果**                                                                                                                 |
| ------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------ |
| ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1659841158097-6f92ffbf-5f60-4a8f-ac1f-99159271666f.png) | ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1659841161972-d663cc0a-e04b-4a06-a04a-e30b8e0f32e4.png) |

### 3 自定义字号样式

移动端支持调整**当前页面**的字号大小，点击更多，打开“调整字号”设置按钮，联动钉钉字体大小6档开关，用户可拖拽滑动条，选择合适的字号，此时表单“底部操作按钮、子表单、成员等表单内的组件”均会实时生效。

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1659841210437-9a7b60fc-029a-49f7-bf36-e4491f0902d4.png)
</Frame>

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1659841216841-f492b211-1aed-4419-aef5-448f30256183.png)
</Frame>

### 4 自定义详情页样式

布局风格：根据不同的业务使用场景，除了详情页现有的上下布局方式，专属设计新增**左右布局**。审批进度可以更直观的展示，提高审批流展示效率。

| 配置效果                                                                                                                                                                                                                                                                                                               | 运行效果                                                                                                                     |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------ |
| 1、可以在平台侧统一设置所有应用里的表单详情页的**默认样式**<br />![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1684231735470-46865126-4ba9-4a3a-b3e4-53fe959f7d90.png)<br />2、也可在应用设置中2次灵活调整<br />![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1684231808526-07a9397c-4325-4ef6-bf2a-3daded8c4542.png) | ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1684228180767-193f462d-a83b-4627-83c4-73ffa0586965.png) |
