(window.webpackJsonp=window.webpackJsonp||[]).push([[53],{1460:function(t,e,s){"use strict";s.r(e);var a=function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",[[s("demo-box",{attrs:{jsfiddle:{html:"\n  <a-timeline>\n    <a-timeline-item>Create a services site 2015-09-01</a-timeline-item>\n    <a-timeline-item>Solve initial network problems 2015-09-01</a-timeline-item>\n    <a-timeline-item>Technical testing 2015-09-01</a-timeline-item>\n    <a-timeline-item>Network problems being solved 2015-09-01</a-timeline-item>\n  </a-timeline>\n",script:null,style:null,us:"\n#### Basic\nBasic timeline.\n",cn:"\n#### 基本用法\n基本的时间轴。\n",sourceCode:"<template>\n  <a-timeline>\n    <a-timeline-item>Create a services site 2015-09-01</a-timeline-item>\n    <a-timeline-item>Solve initial network problems 2015-09-01</a-timeline-item>\n    <a-timeline-item>Technical testing 2015-09-01</a-timeline-item>\n    <a-timeline-item>Network problems being solved 2015-09-01</a-timeline-item>\n  </a-timeline>\n</template>\n"}}},[s("template",{slot:"component"},[s("a-timeline",[s("a-timeline-item",[t._v("Create a services site 2015-09-01")]),t._v(" "),s("a-timeline-item",[t._v("Solve initial network problems 2015-09-01")]),t._v(" "),s("a-timeline-item",[t._v("Technical testing 2015-09-01")]),t._v(" "),s("a-timeline-item",[t._v("Network problems being solved 2015-09-01")])],1)],1),t._v(" "),s("template",{slot:"description"},[s("h4",{attrs:{id:"基本用法"}},[t._v("基本用法 "),s("a",{staticClass:"anchor",attrs:{href:"#基本用法"}},[t._v("#")])]),t._v(" "),s("p",[t._v("基本的时间轴。")])]),t._v(" "),s("template",{slot:"us-description"},[s("h4",{attrs:{id:"Basic"}},[t._v("Basic "),s("a",{staticClass:"anchor",attrs:{href:"#Basic"}},[t._v("#")])]),t._v(" "),s("p",[t._v("Basic timeline.")])]),t._v(" "),s("template",{slot:"code"},[s("pre",[s("code",{staticClass:"language-html"},[s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("Create a services site 2015-09-01"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("Solve initial network problems 2015-09-01"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("Technical testing 2015-09-01"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("Network problems being solved 2015-09-01"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline")]),t._v(">")]),t._v("\n"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n")])])])],2)]],2)};a._withStripped=!0;var i=s(31),n=Object(i.a)({},a,[],!1,null,null,null);n.options.__file="components/timeline/demo/basic.md";var l=n.exports,v=function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",[[s("demo-box",{attrs:{jsfiddle:{html:'\n  <a-timeline>\n    <a-timeline-item color="green">Create a services site 2015-09-01</a-timeline-item>\n    <a-timeline-item color="green">Create a services site 2015-09-01</a-timeline-item>\n    <a-timeline-item color="red">\n      <p>Solve initial network problems 1</p>\n      <p>Solve initial network problems 2</p>\n      <p>Solve initial network problems 3 2015-09-01</p>\n    </a-timeline-item>\n    <a-timeline-item>\n      <p>Technical testing 1</p>\n      <p>Technical testing 2</p>\n      <p>Technical testing 3 2015-09-01</p>\n    </a-timeline-item>\n  </a-timeline>\n',script:null,style:null,us:"\n#### Color\nSet the color of circles. `green` means completed or success status, `red` means warning or error, and `blue` means ongoing or other default status.\n",cn:"\n#### 圆圈颜色\n圆圈颜色，绿色用于已完成、成功状态，红色表示告警或错误状态，蓝色可表示正在进行或其他默认状态。\n",sourceCode:'<template>\n  <a-timeline>\n    <a-timeline-item color="green">Create a services site 2015-09-01</a-timeline-item>\n    <a-timeline-item color="green">Create a services site 2015-09-01</a-timeline-item>\n    <a-timeline-item color="red">\n      <p>Solve initial network problems 1</p>\n      <p>Solve initial network problems 2</p>\n      <p>Solve initial network problems 3 2015-09-01</p>\n    </a-timeline-item>\n    <a-timeline-item>\n      <p>Technical testing 1</p>\n      <p>Technical testing 2</p>\n      <p>Technical testing 3 2015-09-01</p>\n    </a-timeline-item>\n  </a-timeline>\n</template>\n'}}},[s("template",{slot:"component"},[s("a-timeline",[s("a-timeline-item",{attrs:{color:"green"}},[t._v("Create a services site 2015-09-01")]),t._v(" "),s("a-timeline-item",{attrs:{color:"green"}},[t._v("Create a services site 2015-09-01")]),t._v(" "),s("a-timeline-item",{attrs:{color:"red"}},[s("p",[t._v("Solve initial network problems 1")]),t._v(" "),s("p",[t._v("Solve initial network problems 2")]),t._v(" "),s("p",[t._v("Solve initial network problems 3 2015-09-01")])]),t._v(" "),s("a-timeline-item",[s("p",[t._v("Technical testing 1")]),t._v(" "),s("p",[t._v("Technical testing 2")]),t._v(" "),s("p",[t._v("Technical testing 3 2015-09-01")])])],1)],1),t._v(" "),s("template",{slot:"description"},[s("h4",{attrs:{id:"圆圈颜色"}},[t._v("圆圈颜色 "),s("a",{staticClass:"anchor",attrs:{href:"#圆圈颜色"}},[t._v("#")])]),t._v(" "),s("p",[t._v("圆圈颜色，绿色用于已完成、成功状态，红色表示告警或错误状态，蓝色可表示正在进行或其他默认状态。")])]),t._v(" "),s("template",{slot:"us-description"},[s("h4",{attrs:{id:"Color"}},[t._v("Color "),s("a",{staticClass:"anchor",attrs:{href:"#Color"}},[t._v("#")])]),t._v(" "),s("p",[t._v("Set the color of circles. "),s("code",[t._v("green")]),t._v(" means completed or success status, "),s("code",[t._v("red")]),t._v(" means warning or error, and "),s("code",[t._v("blue")]),t._v(" means ongoing or other default status.")])]),t._v(" "),s("template",{slot:"code"},[s("pre",[s("code",{staticClass:"language-html"},[s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("color")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"green"')]),t._v(">")]),t._v("Create a services site 2015-09-01"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("color")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"green"')]),t._v(">")]),t._v("Create a services site 2015-09-01"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("color")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"red"')]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("Solve initial network problems 1"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("Solve initial network problems 2"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("Solve initial network problems 3 2015-09-01"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("Technical testing 1"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("Technical testing 2"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("Technical testing 3 2015-09-01"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline")]),t._v(">")]),t._v("\n"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n")])])])],2)]],2)};v._withStripped=!0;var _=Object(i.a)({},v,[],!1,null,null,null);_.options.__file="components/timeline/demo/color.md";var r=_.exports,m=function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",[[s("demo-box",{attrs:{jsfiddle:{html:'\n  <div>\n    <a-timeline pending="Recording..." :reverse="reverse">\n      <a-timeline-item>Create a services site 2015-09-01</a-timeline-item>\n      <a-timeline-item>Solve initial network problems 2015-09-01</a-timeline-item>\n      <a-timeline-item>Technical testing 2015-09-01</a-timeline-item>\n    </a-timeline>\n    <a-button type="primary" style="margin-top: 16px" @click="handleClick">Toggle Reverse</a-button>\n  </div>\n',script:"\n  export default {\n    data() {\n      return {\n        reverse: false,\n      };\n    },\n    methods: {\n      handleClick() {\n        this.reverse = !this.reverse;\n      },\n    },\n  };\n",style:null,us:'\n#### Last node\nWhen the timeline is incomplete and ongoing, put a ghost node at last. Set `pending` as truthy value to enable displaying pending item. You can customize the pending content by passing a React Element. Meanwhile, `slot="pendingDot"` is used to customize the dot of the pending item.\n`reverse={true}` is used for reversing nodes.\n',cn:"\n#### 最后一个及排序\n当任务状态正在发生，还在记录过程中，可用幽灵节点来表示当前的时间节点，当 pending 为真值时展示幽灵节点，如果 pending 是 React 元素可用于定制该节点内容，同时 pendingDot 将可以用于定制其轴点。reverse 属性用于控制节点排序，为 false 时按正序排列，为 true 时按倒序排列。\n",sourceCode:'<template>\n  <div>\n    <a-timeline pending="Recording..." :reverse="reverse">\n      <a-timeline-item>Create a services site 2015-09-01</a-timeline-item>\n      <a-timeline-item>Solve initial network problems 2015-09-01</a-timeline-item>\n      <a-timeline-item>Technical testing 2015-09-01</a-timeline-item>\n    </a-timeline>\n    <a-button type="primary" style="margin-top: 16px" @click="handleClick">Toggle Reverse</a-button>\n  </div>\n</template>\n<script>\n  export default {\n    data() {\n      return {\n        reverse: false,\n      };\n    },\n    methods: {\n      handleClick() {\n        this.reverse = !this.reverse;\n      },\n    },\n  };\n<\/script>\n'}}},[s("template",{slot:"component"},[s("div",[s("a-timeline",{attrs:{pending:"Recording...",reverse:t.reverse}},[s("a-timeline-item",[t._v("Create a services site 2015-09-01")]),t._v(" "),s("a-timeline-item",[t._v("Solve initial network problems 2015-09-01")]),t._v(" "),s("a-timeline-item",[t._v("Technical testing 2015-09-01")])],1),t._v(" "),s("a-button",{staticStyle:{"margin-top":"16px"},attrs:{type:"primary"},on:{click:t.handleClick}},[t._v("Toggle Reverse")])],1)]),t._v(" "),s("template",{slot:"description"},[s("h4",{attrs:{id:"最后一个及排序"}},[t._v("最后一个及排序 "),s("a",{staticClass:"anchor",attrs:{href:"#最后一个及排序"}},[t._v("#")])]),t._v(" "),s("p",[t._v("当任务状态正在发生，还在记录过程中，可用幽灵节点来表示当前的时间节点，当 pending 为真值时展示幽灵节点，如果 pending 是 React 元素可用于定制该节点内容，同时 pendingDot 将可以用于定制其轴点。reverse 属性用于控制节点排序，为 false 时按正序排列，为 true 时按倒序排列。")])]),t._v(" "),s("template",{slot:"us-description"},[s("h4",{attrs:{id:"Last-node"}},[t._v("Last node "),s("a",{staticClass:"anchor",attrs:{href:"#Last-node"}},[t._v("#")])]),t._v(" "),s("p",[t._v("When the timeline is incomplete and ongoing, put a ghost node at last. Set "),s("code",[t._v("pending")]),t._v(" as truthy value to enable displaying pending item. You can customize the pending content by passing a React Element. Meanwhile, "),s("code",[t._v('slot="pendingDot"')]),t._v(" is used to customize the dot of the pending item."),s("br"),t._v(" "),s("code",[t._v("reverse={true}")]),t._v(" is used for reversing nodes."),s("br")])]),t._v(" "),s("template",{slot:"code"},[s("pre",[s("code",{staticClass:"language-html"},[s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("pending")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"Recording..."')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v(":reverse")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"reverse"')]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("Create a services site 2015-09-01"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("Solve initial network problems 2015-09-01"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("Technical testing 2015-09-01"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-button")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("type")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"primary"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"margin-top: 16px"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("@click")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"handleClick"')]),t._v(">")]),t._v("Toggle Reverse"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-button")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n"),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),s("span",{staticClass:"javascript"},[t._v("\n  "),s("span",{staticClass:"hljs-keyword"},[t._v("export")]),t._v(" "),s("span",{staticClass:"hljs-keyword"},[t._v("default")]),t._v(" {\n    data() {\n      "),s("span",{staticClass:"hljs-keyword"},[t._v("return")]),t._v(" {\n        "),s("span",{staticClass:"hljs-attr"},[t._v("reverse")]),t._v(": "),s("span",{staticClass:"hljs-literal"},[t._v("false")]),t._v(",\n      };\n    },\n    "),s("span",{staticClass:"hljs-attr"},[t._v("methods")]),t._v(": {\n      handleClick() {\n        "),s("span",{staticClass:"hljs-keyword"},[t._v("this")]),t._v(".reverse = !"),s("span",{staticClass:"hljs-keyword"},[t._v("this")]),t._v(".reverse;\n      },\n    },\n  };\n")]),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),t._v("\n")])])])],2)]],2)};m._withStripped=!0;var c={data:function(){return{reverse:!1}},methods:{handleClick:function(){this.reverse=!this.reverse}}},o=Object(i.a)(c,m,[],!1,null,null,null);o.options.__file="components/timeline/demo/pending.md";var p=o.exports,h=function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",[[s("demo-box",{attrs:{jsfiddle:{html:'\n  <a-timeline>\n    <a-timeline-item>Create a services site 2015-09-01</a-timeline-item>\n    <a-timeline-item>Solve initial network problems 2015-09-01</a-timeline-item>\n    <a-timeline-item color="red">\n      <a-icon slot="dot" type="clock-circle-o" style="font-size: 16px;"/>\n      Technical testing 2015-09-01\n    </a-timeline-item>\n    <a-timeline-item>Network problems being solved 2015-09-01</a-timeline-item>\n  </a-timeline>\n',script:null,style:null,us:"\n#### Custom\nSet a node as an icon or other custom element.\n",cn:"\n#### 自定义时间轴点\n基本的时间轴。\n",sourceCode:'<template>\n  <a-timeline>\n    <a-timeline-item>Create a services site 2015-09-01</a-timeline-item>\n    <a-timeline-item>Solve initial network problems 2015-09-01</a-timeline-item>\n    <a-timeline-item color="red">\n      <a-icon slot="dot" type="clock-circle-o" style="font-size: 16px;" />\n      Technical testing 2015-09-01\n    </a-timeline-item>\n    <a-timeline-item>Network problems being solved 2015-09-01</a-timeline-item>\n  </a-timeline>\n</template>\n'}}},[s("template",{slot:"component"},[s("a-timeline",[s("a-timeline-item",[t._v("Create a services site 2015-09-01")]),t._v(" "),s("a-timeline-item",[t._v("Solve initial network problems 2015-09-01")]),t._v(" "),s("a-timeline-item",{attrs:{color:"red"}},[s("a-icon",{staticStyle:{"font-size":"16px"},attrs:{slot:"dot",type:"clock-circle-o"},slot:"dot"}),t._v("\n      Technical testing 2015-09-01\n    ")],1),t._v(" "),s("a-timeline-item",[t._v("Network problems being solved 2015-09-01")])],1)],1),t._v(" "),s("template",{slot:"description"},[s("h4",{attrs:{id:"自定义时间轴点"}},[t._v("自定义时间轴点 "),s("a",{staticClass:"anchor",attrs:{href:"#自定义时间轴点"}},[t._v("#")])]),t._v(" "),s("p",[t._v("基本的时间轴。")])]),t._v(" "),s("template",{slot:"us-description"},[s("h4",{attrs:{id:"Custom"}},[t._v("Custom "),s("a",{staticClass:"anchor",attrs:{href:"#Custom"}},[t._v("#")])]),t._v(" "),s("p",[t._v("Set a node as an icon or other custom element.")])]),t._v(" "),s("template",{slot:"code"},[s("pre",[s("code",{staticClass:"language-html"},[s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("Create a services site 2015-09-01"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("Solve initial network problems 2015-09-01"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("color")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"red"')]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-icon")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("slot")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"dot"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("type")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"clock-circle-o"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"font-size: 16px;"')]),t._v(" />")]),t._v("\n      Technical testing 2015-09-01\n    "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("Network problems being solved 2015-09-01"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline")]),t._v(">")]),t._v("\n"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n")])])])],2)]],2)};h._withStripped=!0;var d=Object(i.a)({},h,[],!1,null,null,null);d.options.__file="components/timeline/demo/custom.md";var C=d.exports,g=function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",[[s("demo-box",{attrs:{jsfiddle:{html:'\n  <a-timeline mode="alternate">\n    <a-timeline-item>Create a services site 2015-09-01</a-timeline-item>\n    <a-timeline-item color="green">Solve initial network problems 2015-09-01</a-timeline-item>\n    <a-timeline-item>\n      <a-icon slot="dot" type="clock-circle-o" style="font-size: 16px;"/>\n      Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque\n      laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto\n      beatae vitae dicta sunt explicabo.\n    </a-timeline-item>\n    <a-timeline-item color="red">Network problems being solved 2015-09-01</a-timeline-item>\n    <a-timeline-item>Create a services site 2015-09-01</a-timeline-item>\n    <a-timeline-item>\n      <a-icon slot="dot" type="clock-circle-o" style="font-size: 16px;"/>\n      Technical testing 2015-09-01\n    </a-timeline-item>\n  </a-timeline>\n',script:null,style:null,us:"\n#### Alternate\nAlternate timeline.\n",cn:"\n#### 交替展现\n内容在时间轴两侧轮流出现。\n",sourceCode:'<template>\n  <a-timeline mode="alternate">\n    <a-timeline-item>Create a services site 2015-09-01</a-timeline-item>\n    <a-timeline-item color="green">Solve initial network problems 2015-09-01</a-timeline-item>\n    <a-timeline-item>\n      <a-icon slot="dot" type="clock-circle-o" style="font-size: 16px;" />\n      Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque\n      laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto\n      beatae vitae dicta sunt explicabo.\n    </a-timeline-item>\n    <a-timeline-item color="red">Network problems being solved 2015-09-01</a-timeline-item>\n    <a-timeline-item>Create a services site 2015-09-01</a-timeline-item>\n    <a-timeline-item>\n      <a-icon slot="dot" type="clock-circle-o" style="font-size: 16px;" />\n      Technical testing 2015-09-01\n    </a-timeline-item>\n  </a-timeline>\n</template>\n'}}},[s("template",{slot:"component"},[s("a-timeline",{attrs:{mode:"alternate"}},[s("a-timeline-item",[t._v("Create a services site 2015-09-01")]),t._v(" "),s("a-timeline-item",{attrs:{color:"green"}},[t._v("Solve initial network problems 2015-09-01")]),t._v(" "),s("a-timeline-item",[s("a-icon",{staticStyle:{"font-size":"16px"},attrs:{slot:"dot",type:"clock-circle-o"},slot:"dot"}),t._v("\n      Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque\n      laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto\n      beatae vitae dicta sunt explicabo.\n    ")],1),t._v(" "),s("a-timeline-item",{attrs:{color:"red"}},[t._v("Network problems being solved 2015-09-01")]),t._v(" "),s("a-timeline-item",[t._v("Create a services site 2015-09-01")]),t._v(" "),s("a-timeline-item",[s("a-icon",{staticStyle:{"font-size":"16px"},attrs:{slot:"dot",type:"clock-circle-o"},slot:"dot"}),t._v("\n      Technical testing 2015-09-01\n    ")],1)],1)],1),t._v(" "),s("template",{slot:"description"},[s("h4",{attrs:{id:"交替展现"}},[t._v("交替展现 "),s("a",{staticClass:"anchor",attrs:{href:"#交替展现"}},[t._v("#")])]),t._v(" "),s("p",[t._v("内容在时间轴两侧轮流出现。")])]),t._v(" "),s("template",{slot:"us-description"},[s("h4",{attrs:{id:"Alternate"}},[t._v("Alternate "),s("a",{staticClass:"anchor",attrs:{href:"#Alternate"}},[t._v("#")])]),t._v(" "),s("p",[t._v("Alternate timeline.")])]),t._v(" "),s("template",{slot:"code"},[s("pre",[s("code",{staticClass:"language-html"},[s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("mode")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"alternate"')]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("Create a services site 2015-09-01"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("color")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"green"')]),t._v(">")]),t._v("Solve initial network problems 2015-09-01"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-icon")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("slot")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"dot"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("type")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"clock-circle-o"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"font-size: 16px;"')]),t._v(" />")]),t._v("\n      Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque\n      laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto\n      beatae vitae dicta sunt explicabo.\n    "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("color")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"red"')]),t._v(">")]),t._v("Network problems being solved 2015-09-01"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("Create a services site 2015-09-01"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-icon")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("slot")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"dot"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("type")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"clock-circle-o"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"font-size: 16px;"')]),t._v(" />")]),t._v("\n      Technical testing 2015-09-01\n    "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline")]),t._v(">")]),t._v("\n"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n")])])])],2)]],2)};g._withStripped=!0;var j=Object(i.a)({},g,[],!1,null,null,null);j.options.__file="components/timeline/demo/alternate.md";var u=j.exports,b=function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",[[s("demo-box",{attrs:{jsfiddle:{html:'\n  <a-timeline mode="right">\n    <a-timeline-item>Create a services site 2015-09-01</a-timeline-item>\n    <a-timeline-item>Solve initial network problems 2015-09-01</a-timeline-item>\n    <a-timeline-item>\n      <a-icon slot="dot" type="clock-circle-o" style="font-size: 16px;"/>\n      Technical testing 2015-09-01\n    </a-timeline-item>\n    <a-timeline-item>Network problems being solved 2015-09-01</a-timeline-item>\n  </a-timeline>\n',script:null,style:null,us:"\n#### Right alternate\nRight alternate timeline.\n",cn:"\n#### 右侧时间轴点\n时间轴点可以在内容的右边。\n",sourceCode:'<template>\n  <a-timeline mode="right">\n    <a-timeline-item>Create a services site 2015-09-01</a-timeline-item>\n    <a-timeline-item>Solve initial network problems 2015-09-01</a-timeline-item>\n    <a-timeline-item>\n      <a-icon slot="dot" type="clock-circle-o" style="font-size: 16px;" />\n      Technical testing 2015-09-01\n    </a-timeline-item>\n    <a-timeline-item>Network problems being solved 2015-09-01</a-timeline-item>\n  </a-timeline>\n</template>\n'}}},[s("template",{slot:"component"},[s("a-timeline",{attrs:{mode:"right"}},[s("a-timeline-item",[t._v("Create a services site 2015-09-01")]),t._v(" "),s("a-timeline-item",[t._v("Solve initial network problems 2015-09-01")]),t._v(" "),s("a-timeline-item",[s("a-icon",{staticStyle:{"font-size":"16px"},attrs:{slot:"dot",type:"clock-circle-o"},slot:"dot"}),t._v("\n      Technical testing 2015-09-01\n    ")],1),t._v(" "),s("a-timeline-item",[t._v("Network problems being solved 2015-09-01")])],1)],1),t._v(" "),s("template",{slot:"description"},[s("h4",{attrs:{id:"右侧时间轴点"}},[t._v("右侧时间轴点 "),s("a",{staticClass:"anchor",attrs:{href:"#右侧时间轴点"}},[t._v("#")])]),t._v(" "),s("p",[t._v("时间轴点可以在内容的右边。")])]),t._v(" "),s("template",{slot:"us-description"},[s("h4",{attrs:{id:"Right-alternate"}},[t._v("Right alternate "),s("a",{staticClass:"anchor",attrs:{href:"#Right-alternate"}},[t._v("#")])]),t._v(" "),s("p",[t._v("Right alternate timeline.")])]),t._v(" "),s("template",{slot:"code"},[s("pre",[s("code",{staticClass:"language-html"},[s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("mode")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"right"')]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("Create a services site 2015-09-01"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("Solve initial network problems 2015-09-01"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-icon")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("slot")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"dot"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("type")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"clock-circle-o"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"font-size: 16px;"')]),t._v(" />")]),t._v("\n      Technical testing 2015-09-01\n    "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("Network problems being solved 2015-09-01"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline-item")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-timeline")]),t._v(">")]),t._v("\n"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n")])])])],2)]],2)};b._withStripped=!0;var f=Object(i.a)({},b,[],!1,null,null,null);f.options.__file="components/timeline/demo/right.md";var k=f.exports,y=function(){var t=this.$createElement;this._self._c;return this._m(0)};y._withStripped=!0;var T=Object(i.a)({},y,[function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",[s("h2",{attrs:{id:"API"}},[t._v("API "),s("a",{staticClass:"anchor",attrs:{href:"#API"}},[t._v("#")])]),t._v(" "),s("pre",{pre:!0},[s("code",{pre:!0,attrs:{"v-pre":"",class:"language-html"}},[s("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("Timeline")]),t._v(">")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("Timeline.Item")]),t._v(">")]),t._v("创建服务现场 2015-09-01"),s("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("</"),s("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("Timeline.Item")]),t._v(">")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("Timeline.Item")]),t._v(">")]),t._v("初步排除网络异常 2015-09-01"),s("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("</"),s("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("Timeline.Item")]),t._v(">")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("Timeline.Item")]),t._v(">")]),t._v("技术测试异常 2015-09-01"),s("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("</"),s("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("Timeline.Item")]),t._v(">")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("Timeline.Item")]),t._v(">")]),t._v("网络异常正在修复 2015-09-01"),s("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("</"),s("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("Timeline.Item")]),t._v(">")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("</"),s("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("Timeline")]),t._v(">")]),t._v("\n")])]),t._v(" "),s("h3",{attrs:{id:"Timeline"}},[t._v("Timeline "),s("a",{staticClass:"anchor",attrs:{href:"#Timeline"}},[t._v("#")])]),t._v(" "),s("p",[t._v("时间轴。")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",[t._v("参数")]),t._v(" "),s("th",[t._v("说明")]),t._v(" "),s("th",[t._v("类型")]),t._v(" "),s("th",[t._v("默认值")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("pending")]),t._v(" "),s("td",[t._v("指定最后一个幽灵节点是否存在或内容")]),t._v(" "),s("td",[t._v("boolean|string|slot")]),t._v(" "),s("td",[t._v("false")])]),t._v(" "),s("tr",[s("td",[t._v("pendingDot")]),t._v(" "),s("td",[t._v("当最后一个幽灵节点存在時，指定其时间图点")]),t._v(" "),s("td",[t._v("string|slot")]),t._v(" "),s("td",[s("code",{pre:!0},[t._v('<Icon type="loading" />')])])]),t._v(" "),s("tr",[s("td",[t._v("reverse")]),t._v(" "),s("td",[t._v("节点排序")]),t._v(" "),s("td",[t._v("boolean")]),t._v(" "),s("td",[t._v("false")])]),t._v(" "),s("tr",[s("td",[t._v("mode")]),t._v(" "),s("td",[t._v("通过设置 "),s("code",{pre:!0},[t._v("mode")]),t._v(" 可以改变时间轴和内容的相对位置")]),t._v(" "),s("td",[s("code",{pre:!0},[t._v("left")]),t._v(" | "),s("code",{pre:!0},[t._v("alternate")]),t._v(" | "),s("code",{pre:!0},[t._v("right")])]),t._v(" "),s("td")])])]),t._v(" "),s("h3",{attrs:{id:"Timeline.Item"}},[t._v("Timeline.Item "),s("a",{staticClass:"anchor",attrs:{href:"#Timeline.Item"}},[t._v("#")])]),t._v(" "),s("p",[t._v("时间轴的每一个节点。")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",[t._v("参数")]),t._v(" "),s("th",[t._v("说明")]),t._v(" "),s("th",[t._v("类型")]),t._v(" "),s("th",[t._v("默认值")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("color")]),t._v(" "),s("td",[t._v("指定圆圈颜色 "),s("code",{pre:!0},[t._v("blue, red, green")]),t._v("，或自定义的色值")]),t._v(" "),s("td",[t._v("string")]),t._v(" "),s("td",[t._v("blue")])]),t._v(" "),s("tr",[s("td",[t._v("dot")]),t._v(" "),s("td",[t._v("自定义时间轴点")]),t._v(" "),s("td",[t._v("string|slot")]),t._v(" "),s("td",[t._v("-")])])])])])}],!1,null,null,null);T.options.__file="components/timeline/index.zh-CN.md";var w=T.exports,S=function(){var t=this.$createElement;this._self._c;return this._m(0)};S._withStripped=!0;var x=Object(i.a)({},S,[function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",[s("h2",{attrs:{id:"API"}},[t._v("API "),s("a",{staticClass:"anchor",attrs:{href:"#API"}},[t._v("#")])]),t._v(" "),s("pre",{pre:!0},[s("code",{pre:!0,attrs:{"v-pre":"",class:"language-html"}},[s("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("Timeline")]),t._v(">")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("Timeline.Item")]),t._v(">")]),t._v("step1 2015-09-01"),s("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("</"),s("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("Timeline.Item")]),t._v(">")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("Timeline.Item")]),t._v(">")]),t._v("step2 2015-09-01"),s("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("</"),s("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("Timeline.Item")]),t._v(">")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("Timeline.Item")]),t._v(">")]),t._v("step3 2015-09-01"),s("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("</"),s("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("Timeline.Item")]),t._v(">")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("Timeline.Item")]),t._v(">")]),t._v("step4 2015-09-01"),s("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("</"),s("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("Timeline.Item")]),t._v(">")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("</"),s("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("Timeline")]),t._v(">")]),t._v("\n")])]),t._v(" "),s("h3",{attrs:{id:"Timeline"}},[t._v("Timeline "),s("a",{staticClass:"anchor",attrs:{href:"#Timeline"}},[t._v("#")])]),t._v(" "),s("p",[t._v("Timeline")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",[t._v("Property")]),t._v(" "),s("th",[t._v("Description")]),t._v(" "),s("th",[t._v("Type")]),t._v(" "),s("th",[t._v("Default")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("pending")]),t._v(" "),s("td",[t._v("Set the last ghost node's existence or its content")]),t._v(" "),s("td",[t._v("boolean|string|slot")]),t._v(" "),s("td",[s("code",{pre:!0},[t._v("false")])])]),t._v(" "),s("tr",[s("td",[t._v("pendingDot")]),t._v(" "),s("td",[t._v("Set the dot of the last ghost node when pending is true")]),t._v(" "),s("td",[t._v("string|slot")]),t._v(" "),s("td",[s("code",{pre:!0},[t._v('<Icon type="loading" />')])])]),t._v(" "),s("tr",[s("td",[t._v("reverse")]),t._v(" "),s("td",[t._v("reverse nodes or not")]),t._v(" "),s("td",[t._v("boolean")]),t._v(" "),s("td",[t._v("false")])]),t._v(" "),s("tr",[s("td",[t._v("mode")]),t._v(" "),s("td",[t._v("By sending "),s("code",{pre:!0},[t._v("alternate")]),t._v(" the timeline will distribute the nodes to the left and right.")]),t._v(" "),s("td",[s("code",{pre:!0},[t._v("left")]),t._v(" | "),s("code",{pre:!0},[t._v("alternate")]),t._v(" | "),s("code",{pre:!0},[t._v("right")])]),t._v(" "),s("td",[s("code",{pre:!0},[t._v("left")])])])])]),t._v(" "),s("h3",{attrs:{id:"Timeline.Item"}},[t._v("Timeline.Item "),s("a",{staticClass:"anchor",attrs:{href:"#Timeline.Item"}},[t._v("#")])]),t._v(" "),s("p",[t._v("Node of timeline")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",[t._v("Property")]),t._v(" "),s("th",[t._v("Description")]),t._v(" "),s("th",[t._v("Type")]),t._v(" "),s("th",[t._v("Default")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("color")]),t._v(" "),s("td",[t._v("Set the circle's color to "),s("code",{pre:!0},[t._v("blue")]),t._v(", "),s("code",{pre:!0},[t._v("red")]),t._v(", "),s("code",{pre:!0},[t._v("green")]),t._v(" or other custom colors")]),t._v(" "),s("td",[t._v("string")]),t._v(" "),s("td",[s("code",{pre:!0},[t._v("blue")])])]),t._v(" "),s("tr",[s("td",[t._v("dot")]),t._v(" "),s("td",[t._v("Customize timeline dot")]),t._v(" "),s("td",[t._v("string|slot")]),t._v(" "),s("td",[t._v("-")])])])])])}],!1,null,null,null);x.options.__file="components/timeline/index.en-US.md";var I=x.exports,z="# 时间轴\n  垂直展示的时间流信息。\n  ## 何时使用\n  - 当有一系列信息需按时间排列时，可正序和倒序。\n  - 需要有一条时间轴进行视觉上的串联时。\n        ## 代码演示",N="# Timeline\n  Vertical display timeline.\n  ## When To Use\n  - When a series of information needs to be ordered by time (ascending or descending).\n  - When you need a timeline to make a visual connection.\n  ## Examples\n  ",R={category:"Components",subtitle:"时间轴",type:"Data Display",title:"Timeline",render:function(){var t=arguments[0];return t("div",[t("md",{attrs:{cn:z,us:N}}),t(l),t(r),t(p),t(C),t(u),t(k),t("api",[t("template",{slot:"cn"},[t(w)]),t(I)])])}},q=Object(i.a)(R,void 0,void 0,!1,null,null,null);q.options.__file="components/timeline/demo/index.vue";e.default=q.exports}}]);