文章 2024-05-16 来自:开发者社区

用Vue搭建一个大屏数据可视化页面实战二(Vue实战系列)

接上文 把之前写的代码抽离成组件 把之前写的一个个的panel抽离成组件,方便后期复用,形状功能类似的我们考虑把他们统一封装成组件 以whr-panel-c1为例 ...

用Vue搭建一个大屏数据可视化页面实战二(Vue实战系列)
文章 2024-05-16 来自:开发者社区

用Vue搭建一个大屏数据可视化页面实战一(Vue实战系列)

一、从网上找一个喜欢的图 1.首先大屏要先解决屏幕适配的问题 这里用viewport的方案,使用postcss-px-to-viewport插件,在vue项目里新建postcss.config.js配置一下postcss-px-to-viewport: module.e...

用Vue搭建一个大屏数据可视化页面实战一(Vue实战系列)
文章 2024-01-10 来自:开发者社区

Vue3 大屏数字滚动效果

为了实现 Vue3 大屏数字滚动效果,我们可以使用 Vue3 的自定义指令和 CSS 动画。以下是一个简单的实现:首先,我们需要创建一个自定义指令 scrollNumber,用于处理数字滚动的逻辑。在 src/directives 目录下创建一个名为 scrollNumber.js 的文件,并添加以下代码:import { ref, onMounted, onUnmounted } from '....

文章 2023-08-09 来自:开发者社区

Vue3 大屏数字滚动效果

1 技术背景 1.1 介绍 Vue3 的基本概念和特点 Vue3 是一种用于构建用户界面的现代 JavaScript 框架。与其前身 Vue.js 相比,Vue3 引入了许多新的功能和改进,使开发者能够更高效地构建可扩展的应用程序。 以下是 Vue3 的一些基本概念和特点: ==Composition API 组合式 API=&#...

Vue3 大屏数字滚动效果
文章 2022-12-18 来自:开发者社区

一行指令实现大屏元素分辨率适配(Vue)

一行指令实现大屏元素分辨率适配(Vue)前言随着前端技术的不断发展、数据中心(中台)之类的概念的不断升级、物联网设备的更新和普及,越来越多的业主(项目)喜欢在系统中添加一个或者多个可视化大屏,用来集中的展现数据变化、位置变化等等,老板们也更喜欢称之为“态势”。当然,作为程序员一般都不关心“老板们”的想法,只要完成项目即可。但是经常会有这样的问题:我有一个大屏的模板,但是用户的浏览器分辨率不够,或....

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注