技能点:vue2,ElementUI,JavaScript,Echarts
l项目搭建:项目使用的是vue-cil脚手架,同时配合使用各插件来搭建框架,实现项目自动适配所有大屏,绘制页面时只需要安照UI的图绘制即可,不需要再做单位的转换。
lAPI的封装:使用框架的defineConfig配置跨域,使用axios封装service,根据后端自定义的状态码书写全局提示。
l页面动画:根据U的设计,使用CSS3的新属性还原页面的动画效果,实现浮动,空间旋转,发光,空间平移等效果;使用」S实现拖拽选中的效果,以及使用js实现echarts提示牌的自动轮播;。
lecharts适配:通过echarts的配置项resize实现echarts图表跟随窗口变化而自行调整,通过js方法实现echarts字体大小的调整。
lecharts3D地图的绘制:在不建模的前提下,使用echarts2Dmap的配置项与3Dmap结合,解决3Dmap引出线和提示牌等问题;同时自行绘制自定义地图的轮廓图。