> 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/tu-wen-lie-biao.md).

# 图文列表

图文列表板块用于在页面上创建多个列块可以滑动显示，每个列块可以展示图片、标题、描述文字和按钮，适用于展示产品、服务或博客等内容。用户可以自定义每个列块的内容及其布局。

### **配置选项**

* **版块标题设置：**
  * **显示版块标题：**
    * 用途：选择是否在多列板块顶部显示标题。
  * **标题：**
    * 用途：输入版块的标题。
  * **描述：**
    * 用途：为版块添加描述性文字，介绍该版块的主要内容或用途。
  * **水印背景文字：**
    * 用途：在版块背景添加水印文字，增强视觉效果。
  * **按钮文本：**
    * 用途：为版块底部按钮设置文本内容。
  * **按钮链接：**
    * 用途：设置按钮点击后跳转的链接地址。
* **内容设置：**
  * **列数：**
    * 用途：选择不同的列数，显示不同列宽比例。支持2-5列。
  * **桌面滑块：**
    * 用途：开启后独立于列数，固定预显示第5列。
  * **滑块设置：**
    * 用途：显示导航按钮和分页点。
  * **图片比例：**
    * 用途：选择图片的显示比例，自适应、正方形、纵向和横向。
  * **文本对齐：**
    * 用途：设置列块内文本的对齐方式，可以选择左对齐、居中或右对齐。
  * **显示内容包裹：**
    * 用途：选择是否为列块内容添加包裹效果，增强视觉分隔感。
  * **配色方案：**
    * 用途：选择列块内容的配色方案，与整体页面风格一致。
* **手机端设置**
  * **列数：**设置手机端每行列数。
  * **手机端滑块：**开启后预显示第二列可滑动。

### **单元列块配置选项**

* **图片：**
  * 用途：为列块添加图片，图片将作为列块的主要视觉元素。
* **标题：**
  * 用途：为列块设置标题，突出显示该列块的主题内容。
* **描述：**
  * 用途：为列块添加描述文字，提供详细说明或附加信息。
* **按钮设置：**
  * **按钮文本：**
    * 用途：为列块按钮设置文本内容。
  * **按钮链接：**
    * 用途：设置按钮点击后跳转的链接地址。

### **使用注意事项**

* 开启滑块后会预显示最大列数。
* 在多个列块中保持风格统一，选择相同的配色方案和文本对齐方式。
* 为按钮设置清晰的链接路径，引导用户进行下一步操作。

### **常见问题**

* **内容显示不一致：** 确保所有列块的图片比例一致，并选择相同的文本对齐方式，以保持页面布局整洁。
* **按钮未显示：** 检查是否填写了按钮文本和链接，按钮内容不全时按钮可能不会显示。