> For the complete documentation index, see [llms.txt](https://ascent.webvista.studio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ascent.webvista.studio/webvista-studio-docs/sections/dai-wen-ben-de-tu-biao.md).

# 带文本的图标

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

### **配置选项**

1. **配色方案**：
   * 用途：选择板块的整体配色方案，使其与页面其他部分的设计保持一致。
   * 注意：如果需要修改所有模板的颜色，请前往模板设置。
2. **桌面端列数**：
   * 用途：设置在桌面端显示时的列数，最多可设置为4列。
   * 注意：确保列数设置适应您的内容布局需求。
3. **文本对齐**：
   * 用途：设置文本的对齐方式，可以选择左对齐、居中对齐或右对齐。
4. **启用图标包裹**：
   * 用途：选择是否启用图标包裹功能，使图标与标题、描述内容紧密结合。
5. **图标大小**：
   * 用途：设置图标的显示尺寸，可以选择小、中或大。
6. **移动端设置**：
   * **移动端布局**：
     * 选择在移动端显示的布局方式：网格或轮播。网格布局将图标和文本按照列进行排列，而轮播布局则以滑块形式展示内容。
   * **显示分页点**：
     * 当选择轮播布局时，可以选择是否显示分页点，帮助用户了解当前内容的位置。
   * **在移动端隐藏描述**：
     * 勾选此选项以在移动设备上隐藏描述内容，仅显示图标和标题。

### **块单元设置项**

1. **图标文本**：
   * **图标**：
     * 选择合适的图标来代表当前内容，可以选择系统自带的图标或上传自定义图标。
   * **图像**：
     * 上传或选择一个图像作为当前块的视觉元素，增强内容表现力。
   * **标题**：
     * 为当前块添加标题，概括内容主旨。
   * **描述**：
     * 添加详细的文本描述，进一步解释标题所涵盖的内容。

### 使用注意事项

* **移动端布局选择**：根据用户访问数据，选择合适的移动端布局。如果大多数用户通过移动设备访问，轮播布局可能提供更好的用户体验。
* **图标和文本的配合**：确保图标与文本内容有明确的关联，避免使用模糊或无关的图标。

### 常见问题

* **图标不显示**：检查是否正确上传图标文件，并确保图标大小设置合适。
* **内容在移动端显示不佳**：尝试调整移动端布局和隐藏描述选项，以改善显示效果。