进阶清单

什么是高级列表元素？

GemPages 提供了两个元素用于在列表中显示内容：

• 项目列表元素: 专为简单列表而设计。每个项目都以一个开头。 图标您可以从 GemPages 图标库中选择图标，也可以上传您自己的图标。此元素非常适合展示产品优势、功能或亮点等简短信息。
• 高级列表元素： 它不仅限于图标，还允许您包含 每个列表项旁边都有图片这使您可以更好地控制布局的视觉效果。因此，它非常适合需要更丰富视觉效果的使用场景，例如用图片展示产品功能、分步指南或视觉对比。 

如何将高级列表元素添加到您的页面

第四步: 在 GemPages 仪表板，选择您的页面进入编辑器。

第四步: 在编辑器中，找到 高级列表 元素下的 内容清单 部分。将其拖放到页面上的所需位置。

点击该元素，您将看到左侧边栏上显示的配置。 

配置设置选项卡

1. 物品管理

本节让您 添加、删除或复制列表项.

• 至 添加新项目，点击 重复图标 现有项目旁边。新项目将立即出现在原始项目下方。
• 至 删除项目，点击 垃圾桶图标 单击要删除的项目，然后确认删除。

2. 项目间距

此 项目间距 控制列表中每个项目之间的垂直间距。使用滑块或输入值来调整距离。

• 默认: 12px
• 较大的间距可以使列表更易于阅读，而较小的间距可以使设计更紧凑。

3. 商品风格

图标与文字间隙 ：调整图标（或图像）和文本之间的水平空间。

• 默认: 12px
• 增大间隙可使布局更加开放；减小间隙可使外观更加紧凑。

填充：在每个列表项周围添加空间。

• 点击 添加填充 并输入您想要的像素数。
• 这可确保您的内容不会接触物品盒的边缘。

背景：您可以在项目后面添加彩色背景。

边框、角和阴影：这些选项允许您设置项目容器的样式。

• 边界： 选择样式（实线、虚线、点线）、粗细和颜色。
• 角： 调整边框半径使角变圆。
• 阴影： 添加阴影以创建深度或突出显示项目。

4。 尺寸

宽度：控制元素内部内容框的宽度：

• 适合内容： 该框会自动调整以适应内容的大小。
• 充分： 该框扩展至容器宽度的 100%。

填充：调整内容框边缘与内部内容之间的间距。点击 添加填充 并输入所需的像素值。

排列：对齐框内的内容： 左, 中心 或 右.

• 如果宽度设置为自动，此设置将被隐藏。
• 默认对齐方式为左对齐。

5。 背景

您还可以为 整个高级列表元素:

• 颜色：

• 图片：

6。 形状

• 边界： 设置整个元素的边框样式、粗细和颜色。
• 角： 使用边框半径将元素的角弄圆。
• 阴影： 应用阴影效果使列表在视觉上脱颖而出。

7.对齐

确定元素在页面上的定位方式。有三个选项可供选择：左对齐、居中和右对齐。

配置高级选项卡

此 高级选项卡 允许更多定制：

• 添加 自定义CSS 使用默认设置中不可用的方式来设置列表的样式。
• 调整 每台设备的可见性 在桌面、平板电脑或手机上隐藏或显示列表。
• 在断裂前， 动画 或交互效果，使您的内容更具活力。

如需更详细的定制，请导航至 高级选项卡 并按照中的说明进行操作 本文.