高阶组件库支持全局样式设置
高阶组件库提供了灵活、强大的组件样式设置以及配置能力，由于其较高的自由度，往往需要花费更多的时间精力去提升组件的配置精度，确保其与主题样式风格的统一。本篇指引将介绍如何同步主题样式至高阶组件库样式。
一键同步主题样式
若您需要将主题的样式配置，同步至高阶组件库的样式配置，您可以在【主题设计】中，点击任意高阶组件库组件，在【组件样式】中，找到【组件全局设置】，点击「立即使用」按钮，前往高阶组件全局样式页。
或在添加高阶组件时，点击「全局设置」前往高阶组件全局样式页。
在高阶组件样式页中，您可以点击「一键同步」按钮，将主题的样式配置，同步至高阶组件库的样式配置中。
若您只想同步某个主题的样式配置，您可以点击展开具体的配置，然后点击右上角的「获取主题样式」按钮，最后点击下方的「更新并预览」，对应的主题样式配置，将同步并应用到组件全局样式配置中。
| 注意：部份主题样式配置暂不支持同步，请查看下方列表了解已支持同步的主题样式配置 |
支持同步的样式配置
| 组件配置名称 | 组件配置属性 | 对应主题配置名称 | 对应主题配置属性 |
| 基础 | 组件背景颜色 | 颜色：基础 | 背景 |
| 标题 | 字体 | 字体：标题 | 字体 |
| 颜色 | 颜色：基础 | 文字 | |
| 电脑端字体大小 | 字体：标题 | 字体大小 | |
| 间距 | 字体：标题 | 字体间距 | |
| 行高 | 字体：标题 | 字体行高 | |
| 正文 | 字体 | 字体：正文 | 字体 |
| 颜色 | 颜色：基础 | 文字 | |
| 电脑端字体大小 | 字体：正文 | 字体大小 | |
| 间距 | 字体：正文 | 字体间距 | |
| 行高 | 字体：正文 | 字体行高 | |
| 按钮 | 字体 | 字体：正文 | 字体 |
| 间距 | 字体：正文 | 字体间距 | |
| 行高 | 字体：正文 | 字体行高 | |
| 高级设置：按钮边距 | 厚度 | 按钮：边框 | 厚度 |
| 不透明度 | 按钮：边框 | 不透明度 | |
| 圆角半径 | 按钮：边框 | 圆角半径 | |
| 高级设置：按钮阴影 | 不透明度 | 按钮：阴影 | 不透明度 |
| 水平偏移 | 按钮：阴影 | 水平偏移 | |
| 垂直偏移 | 按钮：阴影 | 垂直偏移 | |
| 模糊 | 按钮：阴影 | 模糊 | |
| 高级设置：视频边框 | 厚度 | 媒体文件：边框 | 厚度 |
| 不透明度 | 媒体文件：边框 | 不透明度 | |
| 圆角半径 | 媒体文件：边框 | 圆角半径 | |
| 边框颜色 | 颜色：基础 | 线条与边框 | |
| 高级设置：视频阴影 | 不透明度 | 媒体文件：阴影 | 不透明度 |
| 水平偏移 | 媒体文件：阴影 | 水平偏移 | |
| 垂直偏移 | 媒体文件：阴影 | 垂直偏移 | |
| 模糊 | 媒体文件：阴影 | 模糊 | |
| 高级设置：内容区边框 | 厚度 | 内容容器：边框 | 厚度 |
| 不透明度 | 内容容器：边框 | 不透明度 | |
| 圆角半径 | 内容容器：边框 | 圆角半径 | |
| 边框颜色 | 颜色：基础 | 线条与边框 | |
| 高级设置：内容区阴影 | 不透明度 | 内容容器：阴影 | 不透明度 |
| 水平偏移 | 内容容器：阴影 | 水平偏移 | |
| 垂直偏移 | 内容容器：阴影 | 垂直偏移 | |
| 模糊 | 内容容器：阴影 | 模糊 | |
| 高级设置：卡片边框 | 厚度 | 其他卡片：边框 | 厚度 |
| 不透明度 | 其他卡片：边框 | 不透明度 | |
| 圆角半径 | 其他卡片：边框 | 圆角半径 | |
| 边框颜色 | 颜色：基础 | 线条与边框 | |
| 高级设置：卡片阴影 | 不透明度 | 其他卡片：阴影 | 不透明度 |
| 水平偏移 | 其他卡片：阴影 | 水平偏移 | |
| 垂直偏移 | 其他卡片：阴影 | 垂直偏移 | |
| 模糊 | 其他卡片：阴影 | 模糊 | |
| 高级设置：媒体边框 | 厚度 | 媒体文件：边框 | 厚度 |
| 不透明度 | 媒体文件：边框 | 不透明度 | |
| 圆角半径 | 媒体文件：边框 | 圆角半径 | |
| 边框颜色 | 颜色：基础 | 线条与边框 | |
| 高级设置：媒体阴影 | 不透明度 | 媒体文件：阴影 | 不透明度 |
| 水平偏移 | 媒体文件：阴影 | 水平偏移 | |
| 垂直偏移 | 媒体文件：阴影 | 垂直偏移 | |
| 模糊 | 媒体文件：阴影 | 模糊 |
| 注意：主题样式配置仅支持同步至高阶组件样式配置，高阶组件模块样式暂不支持同步，请参考下方截图说明 |
截图说明：
如何联系我们
SHOPLINE 拥有专业的本地支持团队，为有需求和疑惑的商家提供帮助。您可以通过联系 SHOPLINE 店铺后台及官方网站的实时客服来寻求 SHOPLINE 的帮助。
*如有 SHOPLINE 功能使用感受或需求建议，快点击【功能反馈】告诉我们吧！