User:AWCPublic/TemplateDoc:Timeline

布局较为美观的展示时间线的一种功能，竖排展示. 该模板正在开发中，后续会上线更多功能，请关注作者的模板页面. 简单用法（单独调用）
 * 简介
 * 注意
 * 1) 本模板不支持任何计算布局，如有需要请参看 EasyTimeline.
 * 2) 本模板可以单独调用，但最好套用在class类“timeline”中（即：  ）以控制整体样式，多个分项套用例子如下：
 * 效果

简单用法（套入class类“timeline”中）

带有时间（最后一个例子只有时间）：

项目内容可折叠：

紧布局：

垂直反射： {	"params": { "1": {			"label": "项目内容", "description": "时间线的项目内容. ", "type": "content", "default": "<空值>" },		"2": {			"label": "时间", "description": "在时间线项目的左侧添加时间信息，如果要使用带有时间的时间线，需要在timeline的css类之后追加一个css类“with-time”", "type": "date", "default": "<空值>" },		"css": { "label": "附加CSS", "description": "附加样式", "type": "content", "default": "<空值>" },		"collapse": { "label": "折叠交互", "description": "给该参数任意非空值将会使得时间线的时间和节点可点击，用来进行对项目展开和折叠的交互. ", "type": "boolean", "default": "<空值>" },		"id": { "label": "唯一标识", "description": "用于区分不同的时间线项目的标志，例如，在折叠交互参数非空时，相同的ID对应的时间项目将会同时被展开或折叠. ", "type": "content", "default": "1" },		"initial-collapse": { "label": "初始折叠", "description": "当折叠交互参数非空时，该参数的非空值将会使得初始状态下项目折叠，点击后展开. ", "type": "boolean", "default": "<空值>" },		"style": { "label": "行内样式", "description": "加在整个时间线项目（即模板的第一层盒子）上，该模板提供了很多自定义的变量，详见模板描述页. ", "type": "content" }	},	"description": "时间线模板. 注意：本模板可单独调用，亦可套用在class类“timeline”中（即： ）以控制整体样式" } 该模板提供了很多自定义的变量，但是注意：这些变量都是直接加在行内样式中，所以FandomMobile会无视它们而全部展示预设值.
 * 参数
 * 自定义变量

下面的自定义变量支持CSS类的直接声明，因此若想使用在移动端上，必须通过定义新的CSS类，将这些变量全部通过全局样式表写在这个类中，然后将这个类添加到模板所在的父盒子上. 下面的变量是鼠标悬停在相关对象上时展示的，它们都以 结尾. 一个例子： 在CSS类 之后增加类 可以实现反射以及横向布局. 例如：  初等水平布局：
 * 横向布局（实验中）

 带有时间的水平布局：

 水平紧布局：

 水平上下翻转布局：

 一个例子（交通线路）：

 