查看“帮助:模板/DTab”的源代码


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

==语法==
<pre lang=wiki>
{{DTab
|标题=内容
|标题=内容
|...
|标题=内容
}}
</pre>
在只有一个标题内容时，支持隐藏内容，此时等价于折叠展开模板


==HTML结构==
<syntaxhighlight lang=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>
</syntaxhighlight>
只要遵循此格式，Widget:TabJS即可支持。


==使用==
<pre lang=wiki>
{{DTab
|cssClass=gameSameTabs
|这是选项一{{短信表情|黄豆豆：大笑}}=123123
|这是选项2=22222222
|这是选项3=33333333
}}
</pre>
{{DTab
|cssClass=gameSameTabs
|这是选项一{{短信表情|黄豆豆：大笑}}=123123
|这是选项2=22222222
|这是选项3=33333333
}}