分类:学习笔记

note

vue3实现3d遮罩刻度依次加载底座效果实例

vue3实现3d遮罩刻度依次加载底座效果实例
在数据可视化大屏项目开发过程中,设计师提供的大屏设计图经常会遇到类似下面的底座效果。 项目做的多了,遇到类似的底座多了以后就想着能不能让底座里的刻度动起来呢? 动画效果 底座实现代码 <template> <div class="BgBody&...

yekong 4个月前 (08-16) 喜欢

数据可视化大屏完整端配置

数据可视化大屏完整端配置
本文介绍基于数据可视化大屏项目后端配置。 api端 文件夹名api 本项目基于lin-cms-koa框架开发 项目运行环境 nodejs 14 安装依赖 pnpm install 启动项目 node index.js 或者使用pm2进行启动 数据库配置 数据库使用的mysql 5...

yekong 4个月前 (08-16) 喜欢

element-plus 如何修改主题色?

element-plus 如何修改主题色?
要将 Element Plus 的主题色设置为红色,您可以按照以下步骤进行操作: 方法一:使用 SCSS 文件全局配置 在项目的 src/styles 目录下创建一个 index.scss 文件(如果没有,请创建相应的目录和文件)。 在 index.scss 文件中添加...

yekong 4个月前 (08-13) 喜欢

vue3上传图片到七牛云cdn

vue3上传图片到七牛云cdn
在后台项目开发过程中,客户反应图片加载太慢,限于服务器带宽只有1M,大的图片加载会比较慢,于是将图片上传到七牛云,这样记在速度就会明显提升。 后台开发 后端使用的是lin-cms-koa框架 方法封装,我们安装qiniu插件,通过key和密钥换取token返回给前端,用于文件上...

yekong 5个月前 (08-11) 喜欢

vue3上传图片到lin-cms-koa后台

vue3上传图片到lin-cms-koa后台
后台开发过程中,需要实现一个图片上传功能,后台api接口我们使用的是lin-cms-koa. 接口封装 // 上传文件 export function uploadImg(file) { const formData = new FormData(); formD...

yekong 5个月前 (08-11) 喜欢

vue无感刷新lin-cms-koa后台的token

vue无感刷新lin-cms-koa后台的token
vue数据大屏开发过程中,有客户需要做一个后台来实现数据交互,这里我们选用了lin-cms-koa,但是和lin-cms-koa相匹配的后台不太符合自己的需要,所有vue后台需要自己重新来做了。 在做后台的时候,发现token经常会失效,所以我们需要实现token失效后,刷新to...

yekong 5个月前 (08-11) 喜欢

数据可视化大屏实现模块向下展开的效果

数据可视化大屏实现模块向下展开的效果
数据可视化大屏开发过程中为了让大屏看起来更酷炫我们需要给大屏增加各种动态效果,今天我们来实现大屏下展动画。 动态效果 分析动画 首先我们的动画是先有一个从上到下的展开动画,动画执行完成后,再显示当前模块的内容。 向下展开背景 我们需要准备一个向下展开的背景,背景是自上而下渐变...

yekong 5个月前 (08-09) 喜欢

Three.js glb模型加载后是黑色的

Three.js glb模型加载后是黑色的
在数据可视化大屏项目开发中,我们可能需要在大屏中渲染3d模型,在使用threejs渲染模型出来后,发现模型是纯黑色的,这不是预期的效果,因为在blender中,模型是有纹理颜色的。 blender渲染效果 threejs渲染效果 增加灯光 // 添加环境光 ...

yekong 5个月前 (08-09) 喜欢