---
url: /components/cta.md
---
# Cta 行动召唤

`EvCta` 是页面的转化收尾区：窄容器居中排版，默认铺 hero 同款淡蓝灰光带，把访客的注意力
收束到最后一组动作按钮上。通常放在 FAQ 之后、页脚之前。

## 基础用法

\<EvCta
title="现在就开始"
description="免费创建你的第一个空间，无需信用卡。"

>

\<template #actions>
免费开始
联系销售



```vue
<EvCta title="现在就开始" description="…">
  <template #actions>
    <EvButton size="large" pill>免费开始</EvButton>
    <EvButton size="large" pill variant="outline">联系销售</EvButton>
  </template>
</EvCta>
```

## API

### Props

| 属性 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| title | 标题 | string | — |
| description | 描述 | string | — |
| tinted | 淡蓝灰光带底 | boolean | `true` |
| container | 内部容器宽度档 | `'narrow' \| 'default' \| 'wide' \| 'full'` | `'narrow'` |

### 插槽

| 插槽 | 说明 |
| --- | --- |
| title / description | 标题/描述覆写 |
| actions | 动作按钮区 |
| default | 主体追加内容（如 [EvNewsletter](./newsletter)） |