查看“模板:时间轴”的源代码

<includeonly>{{#switch:{{{1}}}
|开始=<div class="tbui-timeline tbui-timeline-container" style="{{{样式|}}}">
|节点=<div class="tbui-timeline-item"><div class="tbui-timeline-node">{{{图标|}}}</div>
<div class="tbui-timeline-content">{{#if:{{{标题|}}}|<span class="tbui-timeline-title">{{{标题|}}}</span>|}}
<font color=black>{{{内容|}}}</font>
{{clear}}
{{#if:{{{时间|}}}|<div class="tbui-timeline-date"><font color=black>{{{时间|}}}</font></div>|}}
</div></div>
|结束=</div>
}}</includeonly><noinclude>
本模板可以用来创建一个垂直的响应式时间轴。

==使用指南==
在时间线的开始和结束分别使用<b><span style="color:purple;"><nowiki>{{</nowiki>时间轴|开始<nowiki>}}</nowiki></span></b>和<b><span style="color:purple;"><nowiki>{{</nowiki>时间轴|结束<nowiki>}}</nowiki></span></b>。你可以将额外的样式写在<b><span style="color:purple;"><nowiki>{{</nowiki>时间轴|开始|样式=<nowiki>}}</nowiki></span></b>的“样式”属性中。

所有的时间节点应当用模板<b><span style="color:purple;"><nowiki>{{</nowiki>时间轴|节点<nowiki>}}</nowiki></span></b>插入在上述两个模板之间。以下是该模板的参数说明：
*时间：该时间点对应的时间。在宽屏模式下时间会显示在节点的一侧。
*标题：页面的标题。该标题不会被自动生成目录。
*内容：显示该节点的正文内容。
*图标：在节点圆圈中绘制一个图标。你可以用普通文本，也可以使用<nowiki>{{</nowiki>[[模板:Fa|Fa]]<nowiki>}}</nowiki>模板中的图标。
*以上各参数均可为空。
你可以复制下面的空节点模板：
<pre>{{时间轴|节点|时间=|标题=|内容=|图标=}}</pre>
正确的使用格式如下：
<pre>{{时间轴|开始}}
{{时间轴|节点|时间=|标题=|内容=|图标=}}
{{时间轴|节点|时间=|标题=|内容=|图标=}}
{{时间轴|节点|时间=|标题=|内容=|图标=}}
{{时间轴|节点|时间=|标题=|内容=|图标=}}
{{时间轴|节点|时间=|标题=|内容=|图标=}}
{{时间轴|结束}}</pre>

===注意事项===
*节点并不会按照填写的时间自动排列，而是根据<b><span style="color:purple;"><nowiki>{{</nowiki>时间轴|节点<nowiki>}}</nowiki></span></b>的先后顺序排列。
*时间线会在屏幕宽度小于768像素时压缩成单侧时间线，请注意排版。

===已知bug===
如果<b><span style="color:purple;"><nowiki>{{</nowiki>时间轴|开始<nowiki>}}</nowiki></span></b>前有其他wikitext标签（如列表），该模板很容易被错误地包含在标签内，从而导致与剩余时间轴组件脱离。

==样式==
*你可以访问[[MediaWiki:Gadget-Timeline.css]]修改时间线样式。

==示范==
{{时间轴|开始}}
{{时间轴|节点
|时间=摆烂6年
|标题=第一个标题
|内容=摆烂6年，摆烂热潮爆发。}}
{{时间轴|节点
|时间=摆烂8年
|标题=
|内容=即使没有标题我一样可以显示内容。<br />摆烂8年战争结束。}}
{{时间轴|节点
|时间=
|标题=
|内容=即使不知道时间，这个节点依然会被插入。
|图标={{fa|fort-awesome}}}}
{{时间轴|节点
|时间=摆烂12年
|标题=相安无事
|内容=摆烂仙人度过了至少六年平静的日子。
|图标=B}}
{{时间轴|节点
|时间=摆烂14年
|标题=次年
|内容=摆烂仙人开始摆大烂
|图标=B}}
{{时间轴|结束}}

<pre>{{时间轴|开始}}
{{时间轴|节点
|时间=摆烂6年
|标题=第一个标题
|内容=摆烂6年，摆烂热潮爆发。}}
{{时间轴|节点
|时间=摆烂8年
|标题=
|内容=即使没有标题我一样可以显示内容。<br />摆烂8年战争结束。}}
{{时间轴|节点
|时间=
|标题=
|内容=即使不知道时间，这个节点依然会被插入。
|图标={{fa|fort-awesome}}}}
{{时间轴|节点
|时间=摆烂12年
|标题=相安无事
|内容=摆烂仙人度过了至少六年平静的日子。
|图标=B}}
{{时间轴|节点
|时间=摆烂14年
|标题=次年
|内容=摆烂仙人开始摆大烂
|图标=B}}
{{时间轴|结束}}</pre>