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

<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>|}}
{{{内容|}}}
{{clear}}
{{#if:{{{时间|}}}|<div class="tbui-timeline-date">{{{时间|}}}</div>|}}
</div></div>
|结束=</div>
}}</includeonly><noinclude>
{{copytl|source=烟雨江湖wiki|link=https://wiki.biligame.com/yanyu/%E6%A8%A1%E6%9D%BF:%E6%97%B6%E9%97%B4%E8%BD%B4}}
本模板可以用来创建一个垂直的响应式时间轴。

==使用指南==
在时间线的开始和结束分别使用<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>

==移植模板==
*在管理的wiki下创建以下内容：
{{columns|count=2|
*[[模板:时间轴]]
*[[MediaWiki:Gadget-Timeline.css]]
}}
*在管理的wiki下[[MediaWiki:Gadgets-definition]]页面中申明（需管理员权限）<pre>* Timeline [ResourceLoader|default] | Timeline.css</pre>
[[分类:功能模板]]
</noinclude>