vue3 可视化数据大屏 项目开发中,会遇到各种各样的头部,今天整理的是 vue3数据可视化大屏顶部组件 - 医疗体检健康可视化数据。
效果截图
帧动画效果
通过ae实现从两侧到中间的扫光动画,使用帧动画生成。帧动画虽然增加了效果同时也增加了文件大小。
动画持续时间
动画持续...
yekong
2年前 (2023-08-29)
喜欢
vue3 数据可视化大屏 中,经常会需要各种效果的表格,这里将各种表格效果整理在一块,方便复用。
10 斑马线装饰表格
9 表格效果
表头和表列表两侧各有两个三角装饰图标。
8 仿3d表格效果
组件代码
vue3 仿3d表格效果
由背景图片进行装饰,让表格看起来有3d的感觉。...
yekong
2年前 (2023-08-29)
喜欢
vue3 数据可视化大屏 开发中,需要展示一些表格效果,今天整理 vue3 仿3d表格效果。
通过使用flex控制宽度,通过Vue3SeamlessScroll实现列表滚动,根据状态字段显示不同的label样式。
部分代码
<template>
<div...
yekong
2年前 (2023-08-29)
喜欢
在 Vue 3 中导出接口返回的数据为 Excel 文件可以通过多种方式实现。下面是其中一种常用的实现步骤:
安装依赖库:通常,你可能需要依赖如 xlsx 或者 file-saver 之类的第三方库。
npm install xlsx file-saver
引入依赖:在...
yekong
2年前 (2023-08-27)
喜欢
在Vue和Vite环境下,你可以将.glb文件视作一个静态资源,并通过导入获取其URL。这里的关键步骤是告诉Vite应该将.glb文件视作资源,并能够通过JavaScript导入。下面是详细的步骤:
更新Vite配置:你需要告诉Vite将.glb文件视作资源。打开你的vite...
yekong
2年前 (2023-08-24)
喜欢
在数据可视化大屏项目开发中,vue2项目在使用百度地图时,需要自定义地图的颜色,这里我们使用的是vue-baidu-map。
vue-baidu-map组件版本
"vue-baidu-map": "^0.21.22"
实现前的样式
实现...
yekong
2年前 (2023-08-24)
喜欢
当然,如果你需要批量引入大量图片并将它们放入数组中,可以使用以下代码:
const images = [];
for (let i = 0; i <= 74; i++) {
images.push(require(`./topbg/topbg_${i}.png`).de...
yekong
2年前 (2023-08-23)
喜欢
sass 和 node-sass 都是用于编译 Sass(一种流行的 CSS 预处理器)到 CSS 的库,但它们有一些关键区别。
1. 实现
node-sass:
node-sass 是 LibSass(Sass 的 C/C++ 实现)的 Node.js 绑定。
因为是用 ...
yekong
2年前 (2023-08-21)
喜欢
数据可视化大屏 项目中,需要播放海康的视频,因为在之前的项目中,使用过海康的视频插件体验非常差,所以和后端同学沟通后改用hls协议的视频。这里使用的video.js来播放hls协议的视频。
安装依赖
pnpm i video.js
组件封装
<template>...
yekong
2年前 (2023-08-17)
喜欢
Vue 3 提供了一些机制来实现跨组件通信和传值,让你可以在不同组件之间共享状态和触发通知。以下是一些常见的跨组件通信和传值方法:
1. Props 和 Emit
使用 props 和 emit 是父子组件之间通信的标准方式。你可以将父组件的数据通过 props 传给子组件,然后...
yekong
2年前 (2023-08-14)
喜欢