文件名称:ReactScaleView:大屏数据可视化
文件大小:4.99MB
文件格式:ZIP
更新时间:2024-03-02 07:30:42
JavaScript
ReactScaleView 介绍 ScaleView组件库基于React封装,主要用于集成大屏(全屏)数据展示页面即数据可视化利用响应式的适应方式,不管是在PC端,还是放置到大屏上,不管是1440 * 768,1080p ,还是2k,4k甚至更大分辨率的屏幕,都只需要1次调整,多屏幕兼容。 响应式布局 以UI设计图为基准,适应好一个尺寸,理论上可以支持任意相似屏幕比例的屏幕 安装 npm: npm i react-scale-view或纱线: yarn add react-scale-view 演示版 纱线安装 纱线开始 故事书 纱线安装 纱线故事书 利用 1.创建容器 根据UI的设计图,创建相应的画布大小,尺寸大小一般为1920px * 1080px在父组件中约会ScaleViewContainer,将对容器内的所有子组件进行缩放处理 // 1. 新建配置文件, 如./config.j