容器 - Apifox Markdown 语法

通过 Container 定义容器组件。

示例效果

内容

代码：

<Container>
    内容
</Container>

通过 class 引用 Tailwind CSS 样式

第一步

这里是第一步的内容

第二步

这里是第二步的内容

代码：

<Container class="text-center text-xl font-bold" style="">
    <Steps>
        <Step title="第一步">
            这里是第一步的内容
        </Step>
        <Step title="第二步">
            这里是第二步的内容
        </Step>
    </Steps>
</Container>

内容遵循 Markdown 语法。

通过 style 直接定义样式

第一步

这里是第一步的内容

第二步

这里是第二步的内容

代码：

<Container class="text-center text-xl font-bold" style="background-color: #f0f0f0; padding: 10px;">
    <Steps>
        <Step title="第一步">
            这里是第一步的内容
        </Step>
        <Step title="第二步">
            这里是第二步的内容
        </Step>
    </Steps>
</Container>

参数说明

Container

class

string

必需

为HTML元素分配一个或多个类名，支持 Tailwind CSS

style

string

必需

内联样式属性，允许直接定义CSS样式

容器

示例效果#

通过 class 引用 Tailwind CSS 样式#

通过 style 直接定义样式#

参数说明#

示例效果

通过 class 引用 Tailwind CSS 样式

通过 style 直接定义样式

参数说明