# 阅读文本

**阅读文本**板块适用于展示品牌标语、促销活动信息或任何富文本内容。内置多种动画效果，可增强网站视觉表现力，吸引用户注意力，让信息展示更具动感和层次感。

<figure><img src="/files/n0livvaF7Q1SvFerHtUC" alt=""><figcaption></figcaption></figure>

***

### 🎯 功能简介

* 动态呈现文字内容，适合用于口号、推广语或品牌理念等重点信息。
* 支持**四种动画效果**，提升视觉吸引力。
* 灵活配置配色、文字排布和按钮，适配多种页面风格与用途。

***

### ⚙️ 配置选项

#### 🎨 配色方案

* 可自定义**背景色、文字色、按钮色**等，确保与整站风格协调统一。

#### 📝 标题与描述

* 支持设置：**小标题、主标题、描述文字**，用于清晰表达板块核心信息。

#### 🔘 按钮设置

* 可添加跳转按钮，链接到活动页、精选商品或任意页面。
* 支持选择**按钮样式**（实心按钮 / 次要按钮）。
* 可选**箭头图标**，增强引导感。

#### 🎞️ 动画效果设置

可选择以下四种文字动态展示方式：

1. **飘入**（Float in）：文字从不同方向缓慢进入视野，增强节奏感。
2. **加深**（Deepen）：文字逐渐加粗加深，突出重点。
3. **变色**（Color change）：文字颜色由一种变为另一种，配合中间的渐变区域。
4. **镂空**（Cutout）：以描边形式逐步显现文字轮廓，现代感十足。

**🎨 变色设置说明：**

* 可单独设置“前置颜色”和“后置颜色”。
* 系统将自动在两者之间生成**渐变过渡效果**，并显示在文字中部区域。

***

### ✅ 建议使用场景

* 展示品牌口号、企业愿景或页面开场语。
* 作为活动页的**视觉引导段落**，强化促销信息。
* 在网站中部或底部，用于**强化品牌印象或引导转化**。


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://ascent.webvista.studio/webvista-studio-docs/sections/yue-du-wen-ben.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
