RedefineRedefine Docs

Tabs 分栏模块

通过本模块可以在页面中添加多个栏目,用户可以通过点击标签页来切换内容。

效果

Screenshot 2023-03-09 at 4.12.08 PM Screenshot 2023-03-09 at 4.12.13 PM Screenshot 2023-03-09 at 4.12.20 PM

写法

使用 Tabs 模块需要在 markdown 中按照以下格式编写:

{% tabs 页面内不重复的ID %}

<!-- tab 栏目1名称 -->

内容

<!-- endtab -->
<!-- tab 栏目2名称 -->

内容

<!-- endtab -->

{% endtabs %}

其中,页面内不重复的ID 为你为这个选项卡创建的唯一标识符,可以随便取。

每个栏目内容使用 <!-- tab 栏目名称 --><!-- endtab --> 来定义。

比如上面的例子:

{% tabs First unique name %}

<!-- tab First Tab-->

**This is Tab 1.**

<!-- endtab -->

<!-- tab Second Tab-->

**This is Tab 2.**

This is Tab 2.

<!-- endtab -->

<!-- tab Third Tab-->

**This is Tab 3.**

This is Tab 3.

This is Tab 3.

<!-- endtab -->

{% endtabs %}

更多

实际体验欢迎前往 Redefine 演示站点

Last updated on

Edit on GitHub

On this page