2024-09-14文章介绍了如何在React项目中使用echarts-for-react库来引入和配置ECharts图表，包括安装、基本用法、参数选项以及如何处理大屏适配。此外，还提到了flexible.js在响应式设计中的应用，用于将px转换为rem，确保在不同设备上图表和页面布局的适配性。

https://www.qianduange.cn//article/18341.html 分类：前端知识

2024-08-14本文详细介绍了rem布局的优势，如何结合媒体查询进行屏幕适配，Less语言的特点（变量、嵌套和运算），以及在实际开发中的适配策略，包括使用Less、flexible.js和px2rem插件。此外，还探讨了vw、vh和vmin/vmax布局的使用场景和区别。

https://www.qianduange.cn//article/15446.html 分类：前端知识

2024-05-28目录1. 使用vw单位：vw是视窗宽度的百分比，可以根据不同设备的屏幕宽度来进行自适应。在Vue中可以通过设置全局CSS样式，将所有的尺寸单位改为vw。2. 使用flexible.js：flexible.js是一个用于淘宝移动端适配的库，可以根据屏幕宽度动态设置html的font-size。在Vue项目中，可以通过在入口文件main.js中引入flexible.js来实现移动端适配。3. 使用第三方组件库：有一些优秀的移动端UI组件库可以帮助我们快速实现移动端适配，例如Vant、Mint UI等。这些组件库_vue 移动端自适应适配

https://www.qianduange.cn//article/9827.html 分类：前端知识

2024-02-21本文章主要讲述vue2开发可视化大屏,echars图形会随着浏览器窗口大小而自适应,用到了 .flexible.js 插件把屏幕分成24等分达到目的,公司需求是一个页面多个不同的图表.图表有些是相同的,所以我对图表做了个封装,以其中一个图表为例子1-把下载好的flexible.js,放在所需项目里,之后直接导入到可视化大屏页面即可2-页面分成24等分,以1920为例,1rem等于80px,把页面的px全部写为rem单位3-封装的echars代码如下,一个页面多个相同图表,就用ref的方式初始化实例,不然页面_vue2数据大屏怎么实现响应式

https://www.qianduange.cn//article/2431.html 分类：前端知识