自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(2)
  • 收藏
  • 关注

原创 echarts大屏开发屏幕适配方案

这里我们把源码中的这段代码改成24,因为pc端设计稿一般是1920*1080,如果是10的话,跟字体192px太大了,导致转换为rem数字太小。接下来,我们在点开vscode的设置,搜索px2rem.rootFontSize,将值设置为80,以为1920 / 24值为80。这个时候我们敲代码,可以按照给的1920*1080的设计稿进行敲,例如:100px会自动转化为1.25rem。光引入flexible.js还不够,我们需要下载一个插件让我们开发更加容易,选择如下插件。到这里,我们就解决了大屏的适配问题。

2022-10-27 15:21:20 2050 1

原创 “TypeError: Cannot read properties of undefined (reading ‘getAttribute‘)“

最近在开发大屏,使用Echarts结合Vue,在渲染图表时出现了这个错误,到处查资料,得出一个结论:在调用 ecahrts.init() 时,dom元素还没有挂载,所以 init() 函数执行失败。网上有很多解决办法,例如:把echarts渲染函数放在 mounted 钩子函数里而不是created 钩子函数里面,或者在渲染时使用 $nextTick 进行包裹echarts渲染函数,两者我都试了,并没有用。最后发现是ecahrts图表销毁函数使用导致的出错。

2022-10-27 14:24:44 7117

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除