绠€浠婽imeline缁勪欢Timeline甯哥敤鏉ュ瀭鐩存樉绀烘椂闂存祦淇℃伅銆傚綋闇€瑕佸強鏃舵帓鍒椾竴绯诲垪淇℃伅鏃讹紝浣跨敤鏃堕棿杞磋繘琛岃瑙夛紙姝e悜鎴栧弽鍚戯級绯诲垪銆傛湰鏂囧皢鍒嗘瀽鍏舵簮鐮佸疄鐜帮紝鑰愬績闃呰锛岀浉淇′細瀵逛綘鏈夋墍甯姪銆傪煍楃粍浠舵枃妗f椂闂磋酱馃敆gitee婧愮爜鏇村缁勪欢鍒嗘瀽瑙侌煈夝煋欵lement2婧愮爜鍒嗘瀽缁勪欢姒傝銆傜粍浠舵簮鐮乼imeline鍑芥暟鎻愪緵浜嗕袱涓粍浠讹細el-timeline鍜宔l-timeline-item銆傚悇涓粍浠剁殑prop澹版槑锛屼互鍙婂悇涓睘鎬х殑鍔熻兘璇存槑鍦ㄥ畼鏂规枃妗imeline#attributes涓湁璇︾粏璇存槑銆傛牴缁勪欢main.vue鏍圭粍浠舵槸涓€涓姛鑳界粍浠讹紝瀹冨鏃犲簭鍒楄〃
- 鍏冪礌浣跨敤娓叉煋鍑芥暟/JSX璇硶銆傛彁渚涘尶鍚嶆彃妲芥潵鏄剧ず鑺傜偣鍐呭銆?/packages\timeline\src\main.vue灞炴€everse鐢ㄤ簬鑺傜偣鎺掑簭鏂瑰悜銆備娇鐢╰his.$slots灏嗕紶鍏ユЫ鐨勫厓绱犵被鍨嬩綔涓簐node鑺傜偣鏁扮粍杩涜璁块棶锛岀劧鍚庝娇鐢ㄦ柟娉時everse()灏嗘暟缁勪腑鍏冪礌鐨勪綅缃弽杞€傝鎻掓Ы=this.$slots.default||[];if(reverse){slots=slots.reverse();}杩欑鎺掑簭鏄厓绱犺妭鐐圭殑浣嶇疆椤哄簭锛岃€屼笉鏄妭鐐瑰唴鐨勬椂闂存埑鎺掑簭銆備唬鐮佷腑鏈夊緢澶氭浠g爜锛屽叿浣撳姛鑳藉惈涔変笉鏄庯紙鎰熻鍔熻兘寮€鍙戜腑閫斿仠浜嗭級銆傚睘鎬everse鍊间负true锛岃妭鐐瑰弽杞椂鐢熸垚绫诲悕is-reverse锛屼絾鏍峰紡琛ㄤ腑娌℃湁瀹氫箟璇ョ被銆俢onstclasses={'is-reverse':reverse};//packages\theme-chalk\src\timeline.scss@includeb(timeline){margin:0;瀛椾綋澶у皬锛?--瀛椾綋澶у皬鍩虹锛涘垪琛ㄦ牱寮忥細鏃狅紱//闅愯棌鏈€鍚庝竴涓妭鐐硅酱&.el-timeline-item:last-child{&.el-timeline-item__tail{display:none;}}}渚濊禆娉ㄥ叆浠g爜鍗充娇琚敞閲婃帀涔熶笉浼氬奖鍝嶇粍浠剁殑鍔熻兘銆?/packages\timeline\src\main.vueprovide(){return{timeline:this};},//packages\timeline\src\item.vueinject:['timeline'],鑺傜偣缁勪欢item.vue鑺傜偣缁勪欢妯℃澘鐢ㄤ簬鍛堢幇琛ㄧず鍒楄〃涓」鐩殑
- 鍏冪礌銆傝鍏冪礌鑺傜偣涓嬬殑鍐呭鍖呭惈涓変釜閮ㄥ垎锛氬瀭鐩磋酱銆傝妭鐐?鍥炬爣銆傚唴瀹癸紙甯︽椂闂存埑锛夈€?template>
//鍥炬爣