- 博客(129)
- 收藏
- 关注
原创 大屏适配方案二——vw和vh
按照设计稿的尺寸,将px按比例计算转为vw和vh,转换公式如下。2、配置在vite.config.js配置less全局变量。1、新建文件:src/styles/index.less。3、在 vue 文件中使用。
2023-12-08 11:38:15 668
原创 大屏适配方案一scale()
在做项目之前我们需要搞清楚客户的数据可视化平台需要在什么屏幕下展示,确定了实际屏幕比例,按照实际屏幕比例选择一个设计稿尺寸进行设计,设计稿出来后前端严格按照设计稿px进行开发页面即可。默认是挂载在 body 上的,这就导致ScreenScale 组件不能作用在 Modal 上,解决办法就是把 Modal 挂载到组件以内的位置上。在做大屏可视化项目的时候,一般设计稿会设计成1920 * 1080,但是页面写死1920 * 1080在2k、4k等分辨率的屏幕下是不适配的。
2023-12-07 11:41:21 544
原创 Ant Design4.X引入阿里iconfont.cn图标
参考:Ant Design(antd)4.X引入阿里iconfont.cn图标(Icon)
2023-11-30 10:23:25 118
原创 vue3 keep-alive页面切换报错:parentComponent.ctx.deactivate is not a function
这个时候我们只需在 标签上添加 :key=" 唯一值" 就可以解决了,只要是唯一的就可以没有指定要求 推荐使用 $route.name。
2023-11-29 10:30:37 132
原创 H5 使用Vant自适应布局 (postcss-pxtorem)
1) 在src/utils/index.js下。4.main.js引入rem.js文件。2)然后在main.js。
2023-09-19 17:43:40 503 1
原创 外部js文件中调用pinia时,报错getActivePinia was called with no active Pinia. Did you forget to install pinia?
pinia
2022-12-06 17:27:07 2621 1
原创 el-select 与 el-tree 组合TreeSelect
参考:element-ui 的 el-select 与 el-tree 的功能组合
2022-03-23 17:30:24 650
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人