bugfix250107.1
全站通知:

模板:DTab

来自恋与深空WIKI_BWIKI_哔哩哔哩
跳到导航 跳到搜索

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

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
}}
这是选项一黄豆豆:大笑.png这是选项2这是选项3
123123