一、功能结果

模块样式可分为【模块皮肤】和【自定义样式】两大类。

（注意是“模块”样式）

自定义模块样式让模块显示样式更加美观。

让你的网站看起来更专业。

二、功能说明

【版本】暂无版本限制

三、设置教程

1. 模块样式配置入口

1.1 鼠标悬停在模块上，选择编辑栏的“配置样式”按钮，页面左侧会弹出样式面板，可在样式面板中编辑模块样式。

2. 模块样式介绍

模块样式又可分为【换皮肤】和【自定义样式】两大类，接下来将以列表多图模块为例进行详细介绍。

2.1 模块皮肤

在样式面板中选择【换皮肤】，可更换模块皮肤。

支持自定义“皮肤颜色”和“皮肤样式”。

2.2 自定义样式

2.2.1 常规

支持自定义标题栏、透明度、高度、宽度、边框、圆角。

选择“隐藏”标题栏后，样式面板中的“标题栏”配置项和模块中的“标题栏区域”会隐藏。

2.2.2 标题栏

支持自定义标题内容、标题文字样式、高度、背景、图标。

2.2.3 内容区

支持自定义模块背景、内边距、文字样式、链接文字样式。

2.2.4 动画区

支持多种模块动画和动画组合。

2.2.5 模块专属样式区

这部分是模块特有的样式，不同的模块，这部分配置项会有所不同。

下图为“文章列表”模块，可看出和“列表多图”模块的配置项不同。

样式配置建议

以下补充内容用于帮助你在自定义模块样式时，不只关注“能不能改”，还兼顾整体视觉一致性和可维护性：

• 风格统一：调整模块样式前，建议先确定站点整体的主色、圆角、边框和标题风格，再逐个模块应用。
• 适度使用：模块样式越丰富，越要避免每个模块都做成不同风格，否则页面会显得杂乱且难以维护。
• 优先对象：建议优先优化首屏模块、重点转化模块和高频浏览模块，而不是一次性对所有模块都做细改。
• 验证方式：样式调整后建议在不同页面、多种模块组合下查看效果，确认不会出现局部好看但整体失衡的情况。