安保集团数据大屏, 项目预览链接: data-screen
大屏尺寸比例为:16:9 适配大部分屏幕
vite 、 React 、 ReactRouter 、 Gird 、 Echarts
该项目是根据公司大屏自己实现的React版本(公司使用Vue,且不允许将源码公布出去)数据大屏,目的是为了学习Grid、Echarts的使用。
项目涉及到的数据均为虚构的数据!
- 根据实际情况大部分大屏可安装chrome浏览器,因此此项目布局采用Grid和Flex布局,不会出现不兼容的问题。
- 同时为适配大部分的屏幕,采用rem根据不同屏幕的尺寸计算页,达到适配不同尺寸屏幕的需求,在此基础上同时适配了手机。
- 项目中包含地图,柱状图,饼图,表单等图例,所有图例可以实时更新数据