在数据可视化大屏项目开发过程中,设计师提供的大屏设计图经常会遇到类似下面的底座效果。
项目做的多了,遇到类似的底座多了以后就想着能不能让底座里的刻度动起来呢?
动画效果
底座实现代码
<template>
<div class="BgBody&...
yekong
3个月前 (08-16)
喜欢
本文介绍基于数据可视化大屏项目后端配置。
api端
文件夹名api
本项目基于lin-cms-koa框架开发
项目运行环境
nodejs 14
安装依赖
pnpm install
启动项目
node index.js 或者使用pm2进行启动
数据库配置
数据库使用的mysql 5...
yekong
3个月前 (08-16)
喜欢
要将 Element Plus 的主题色设置为红色,您可以按照以下步骤进行操作:
方法一:使用 SCSS 文件全局配置
在项目的 src/styles 目录下创建一个 index.scss 文件(如果没有,请创建相应的目录和文件)。
在 index.scss 文件中添加...
yekong
3个月前 (08-13)
喜欢
在后台项目开发过程中,客户反应图片加载太慢,限于服务器带宽只有1M,大的图片加载会比较慢,于是将图片上传到七牛云,这样记在速度就会明显提升。
后台开发
后端使用的是lin-cms-koa框架
方法封装,我们安装qiniu插件,通过key和密钥换取token返回给前端,用于文件上...
yekong
3个月前 (08-11)
喜欢
后台开发过程中,需要实现一个图片上传功能,后台api接口我们使用的是lin-cms-koa.
接口封装
// 上传文件
export function uploadImg(file) {
const formData = new FormData();
formD...
yekong
3个月前 (08-11)
喜欢
vue数据大屏开发过程中,有客户需要做一个后台来实现数据交互,这里我们选用了lin-cms-koa,但是和lin-cms-koa相匹配的后台不太符合自己的需要,所有vue后台需要自己重新来做了。
在做后台的时候,发现token经常会失效,所以我们需要实现token失效后,刷新to...
yekong
3个月前 (08-11)
喜欢
数据可视化大屏开发过程中为了让大屏看起来更酷炫我们需要给大屏增加各种动态效果,今天我们来实现大屏下展动画。
动态效果
分析动画
首先我们的动画是先有一个从上到下的展开动画,动画执行完成后,再显示当前模块的内容。
向下展开背景
我们需要准备一个向下展开的背景,背景是自上而下渐变...
yekong
3个月前 (08-09)
喜欢
在数据可视化大屏项目开发中,我们可能需要在大屏中渲染3d模型,在使用threejs渲染模型出来后,发现模型是纯黑色的,这不是预期的效果,因为在blender中,模型是有纹理颜色的。
blender渲染效果
threejs渲染效果
增加灯光
// 添加环境光
...
yekong
3个月前 (08-09)
喜欢
项目开发过程中,nodejs版本太低,所以准备使用nodejs版本管理器 n来切换一下版本,但是切换时切发现总是无法切换成功。
zhaowanjun@yekongdeiMac lin-cms-koa % n
copying : node/18.1...
yekong
3个月前 (08-06)
喜欢
Please upgrade Node.js:
Found 16.20.0
Requires ^18.17.0 || ^20.3.0 || >=21.0.0
- Consult the installation documentation:
See ...
yekong
3个月前 (08-06)
喜欢