带文本的图标

带图标的文本板块允许用户在页面上添加多个带有图标、标题和描述的内容项。该板块适用于展示服务、产品特点或任何需要图文结合的内容。它可以在桌面和移动端上进行自适应显示,确保用户体验一致。

配置选项

  1. 配色方案

    • 用途:选择板块的整体配色方案,使其与页面其他部分的设计保持一致。

    • 注意:如果需要修改所有模板的颜色,请前往模板设置。

  2. 桌面端列数

    • 用途:设置在桌面端显示时的列数,最多可设置为4列。

    • 注意:确保列数设置适应您的内容布局需求。

  3. 文本对齐

    • 用途:设置文本的对齐方式,可以选择左对齐、居中对齐或右对齐。

  4. 启用图标包裹

    • 用途:选择是否启用图标包裹功能,使图标与标题、描述内容紧密结合。

  5. 图标大小

    • 用途:设置图标的显示尺寸,可以选择小、中或大。

  6. 移动端设置

    • 移动端布局

      • 选择在移动端显示的布局方式:网格或轮播。网格布局将图标和文本按照列进行排列,而轮播布局则以滑块形式展示内容。

    • 显示分页点

      • 当选择轮播布局时,可以选择是否显示分页点,帮助用户了解当前内容的位置。

    • 在移动端隐藏描述

      • 勾选此选项以在移动设备上隐藏描述内容,仅显示图标和标题。

块单元设置项

  1. 图标文本

    • 图标

      • 选择合适的图标来代表当前内容,可以选择系统自带的图标或上传自定义图标。

    • 图像

      • 上传或选择一个图像作为当前块的视觉元素,增强内容表现力。

    • 标题

      • 为当前块添加标题,概括内容主旨。

    • 描述

      • 添加详细的文本描述,进一步解释标题所涵盖的内容。

使用注意事项

  • 移动端布局选择:根据用户访问数据,选择合适的移动端布局。如果大多数用户通过移动设备访问,轮播布局可能提供更好的用户体验。

  • 图标和文本的配合:确保图标与文本内容有明确的关联,避免使用模糊或无关的图标。

常见问题

  • 图标不显示:检查是否正确上传图标文件,并确保图标大小设置合适。

  • 内容在移动端显示不佳:尝试调整移动端布局和隐藏描述选项,以改善显示效果。

Last updated