模板:DTab/文档

{{DTab}} 是一个模板，是创建新 Wiki 时由 BWiki 平台提供的预制内容之一。

这些内容被众多Wiki采用，由平台收集整理后预制到Wiki中，帮助新Wiki快速起步。请根据Wiki的具体设计风格和功能需求，进一步调整这些内容。

DTab模板依赖Widget:TabJS，模板:切换标签是使用此JS的另一种语法模式

语法：

{{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
|【asd】=123123
|a2=2222
|《a3》=4344
}}

【asd】a2《a3》

123123

支持更复杂的标题格式，比如配合CSS和图片

{{DTab
|class=lianzhan
|<div>[[File:Stacks.svg|48px|link=]]<span>Stacks</span></div> = 内容：Stacks
|<div>[[File:Palette.svg|48px|link=]]<span>Palette</span></div> = 内容：Palette
}}

文件:Stacks.svgStacks

文件:Palette.svgPalette

内容：Stacks

配合CSS和图片，加间隔符号

{{DTab
|class=lianzhan
|delimiter=[[File:Code.svg|20px|link=]]
|<div>[[File:Stacks.svg|48px|link=]]<span>不净</span></div> = 内容：不净不净不净
|<div>[[File:Stacks.svg|48px|link=]]<span>不空</span></div> = 内容：不空不空不空不空
|<div>[[File:Stacks.svg|48px|link=]]<span>不能</span></div> = 内容：不能不能不能不能不能
|<div>[[File:Stacks.svg|48px|link=]]<span>不白</span></div> = 内容：不白不白不白不白不白不白
}}

文件:Stacks.svg不净

文件:Stacks.svg不空

文件:Stacks.svg不能

文件:Stacks.svg不白

文件:Stacks.svg不净

文件:Stacks.svg不空