webpackJsonp([8],{"6YVP":function(e,t){},lZsw:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var s={render:function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{attrs:{id:"timeline"}},[i("div",{ref:"autoHeight"},[i("el-steps",{attrs:{direction:"vertical",active:e.eventTotal}},[e._l(e.events,function(t,s){return[i("div",{staticClass:"scope"},[e._v(e._s(t.scope))]),e._v(" "),i("el-step",{attrs:{title:t.title,description:t.desc}})]})],2)],1)])},staticRenderFns:[]};var d=i("VU/8")({name:"timeline",data:function(){return{fixedHeight:80,eventTotal:0,events:[{id:1,title:"明确需求",scope:"2018.05.06 - 2018.05.12",desc:"使用element-ui并结合vue搭建一个后台的项目，然后调用github的接口获取数据，再使用d3js进行数据的图形展示。【注意⚠️】重点是d3，本仓库主要目的是学习使用d3js，为可视化界面打下基础。"},{id:2,title:"项目搭建",scope:"2018.05.13 - 2018.05.19",desc:"在vue-cli的脚手架上搭建项目，使用到vue-router和vuex，然后就是使用less预处理器编写样式，axios处理http，d3js的引入等。各个文件的存放请参考https://github.com/reng99/github-admin"},{id:3,title:"d3js的学习",scope:"2018.05.20 - 2018.05.26",desc:"工作之余学习D3JS"},{id:4,title:"d3js的实践",scope:"2018.05.27 - 2018.06.02",desc:"D3JS相关demo的制作"},{id:5,title:"渲染数据",scope:"2018.06.03 - 2018.06.09",desc:"调用github的接口，通过d3js进行相关数据的渲染到页面上"},{id:6,title:"有事暂停",scope:"2018.06.10 - 2018.06.16",desc:"-"},{id:7,title:"有事暂停",scope:"2018.06.17 - 2018.06.23",desc:"-"},{id:8,title:"有事暂停",scope:"2018.06.24 - 2018.06.30",desc:"-"},{id:9,title:"有事暂停",scope:"2018.07.01 - 2018.07.06",desc:"-"},{id:10,title:"添加demo",scope:"2018.07.07 - 2018.07.13",desc:"添加相关的demo，本仓库完结，后期有相关d3的demo再添加；特别是结合github-api的demo。总结：d3js的难点是要读懂相关的api要做什么事情，然后进行相关的调用..."}]}},created:function(){var e=this;e.eventTotal=e.events.length,e.$nextTick(function(){e.$refs.autoHeight.style.height=e.fixedHeight*e.eventTotal+"px"})},methods:{},components:{}},s,!1,function(e){i("6YVP")},"data-v-1eb7e757",null);t.default=d.exports}});
//# sourceMappingURL=8.25721239a2d2ac2ec55a.js.map