模板:DTab

操作： 编辑模板   刷新   历史   ·    编辑文档

Tab页，依赖Widget:TabJS，转自Tools

语法

{{DTab
|标题=内容
|标题=内容
|...
|标题=内容
}}

在只有一个标题内容时，支持隐藏内容，此时等价于折叠展开模板

HTML结构

<div class="d-tab {{{class}}}">
  <div class="d-tab-titles">
    <span class="d-tab-title active">title</span>
    <span class="d-tab-title">title</span>
    <span class="d-tab-title">title</span>
  </div>
  <div class="d-tab-contents">
    <div class="tab-content active">content</div>
    <div class="tab-content hidden">content</div>
    <div class="tab-content hidden">content</div>
  </div>
</div>

只要遵循此格式，Widget:TabJS即可支持。

使用

{{DTab
|cssClass=gameSameTabs
|这是选项一{{短信表情|黄豆豆：大笑}}=123123
|这是选项2=22222222
|这是选项3=33333333
}}

这是选项一这是选项2这是选项3

123123

22222222

33333333