首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
大屏
订阅
用户1869955981204
更多收藏集
微信扫码分享
微信
新浪微博
QQ
5篇文章 · 0订阅
做个大屏既要不留白又要不变形还要没滚动条,我直接怒斥领导,大屏适配就这四种模式
在前端开发中,大屏适配一直是个让人头疼的问题。领导总是要求大屏既要不留白,又要不变形,还要没有滚动条。这看似简单的要求,实际却压根不可能。今天,我们就来聊聊大屏适配的四种常见模式,以及如何根据实际需求
高效开发大屏可视化项目第二弹:入场动画和无缝滚动
这是一个基于Vue 3、Echarts、高德地图和Pinia开发的大屏可视化项目,提供了如下功能 大屏适配 图表组件(Echarts)封装 高德地图组件封装 拖拽布局 入场动画 无缝滚动 源码地址 在
vue可视化大屏使用css3的缩放transform: scale(X)属性适配
这是我参与11月更文挑战的第N天,活动详情查看:2021最后一次更文挑战 想必近几年前端的数据可视化越来越重要了,很多甲方爸爸都喜欢那种炫酷的大屏幕设计,类似如下这种: 遇到的这样的项目,大多是同学想
「项目实践」vue3+echarts实现大屏可视化
前言 本项目基于vue3.4+echarts5来实现数据可视化展示模版,采用了scale动态屏幕适配方案,来解决浏览器放大、缩小导致数据大屏变形的问题。 代码仓库:https://github.com
大屏适配方案--scale
CSS3的scale等比例缩放 宽度比率 = 当前网页宽度 / 设计稿宽度 高度比率 = 当前网页高度 / 设计稿高度 设计稿: 1920 * 1080 适配屏幕:1920 * 1080 3840 *