最近开发数据可视化大屏项目时,客户提供的设计图是mastergo,第一次用这个平台,需要复制一下项目,避免对源文件造成影响,一开始以为是导出,然后再次导入,结果发现导出只有sketch,而且导出后再次导入组件会变形,于是想着换一种方法这里将流程记录一下。
在MasterGo中复...
yekong
2个月前 (09-10)
喜欢
vue3 数据可视化大屏 银行监控中心数据可视化
id
180
开发环境
nodejs 16
开发环境
vue3+vite+js
分辨率
1920*1080
演示地址
vue3 数据可视化大屏 银行监控中心数据可视化
演示demo:vue3 数据可视化大屏 银行监控中心数据可视化...
yekong
2个月前 (09-07)
喜欢
数据可视化大屏项目开发中,ui设计师做了一个下面的效果,文字是下面的3d倾斜效果,因为这些文字是要根据实际情况实时变化的,我们需要通过代码来达到这种文字效果。通过css修改一点调效果的话,显然是太慢了。文字3d倾斜调试。
我们需要一个快速达到预期效果的功能,这里我们知道通过tr...
yekong
2个月前 (09-07)
喜欢
vue3 数据可视化大屏 换电电池站点运营数据可视化
id
175
开发环境
nodejs 16
开发环境
vue3+vite+js
分辨率
1920*1080
演示地址
vue3 数据可视化大屏 换电电池站点运营数据可视化
演示demo:vue3 数据可视化大屏 换电电池站点运...
yekong
2个月前 (09-06)
喜欢
数据可视化大屏项目开发中,有一个需求是实现汽车的轨迹回放效果,今天我们实现这个功能
动态效果
功能介绍
主要包含以下功能:
车辆选择
地图展示
路线绘制
车辆动画
车辆信息展示
核心实现
1. 初始化地图
initMap() {
if (this.map) {
...
yekong
2个月前 (09-03)
喜欢
数据可视化大屏项目开发中,会遇到ui设计图中文字是渐变色加阴影的效果。
ui设计图效果如下
css实现
我们通过蓝湖生成的css生成出来的样式效果,这和我们的预期差别太大了。
这里我们可以使用伪类来实现我们想要的效果
使用伪元素
通过使用伪元素 ::before 或 ::af...
yekong
2个月前 (09-01)
喜欢
最近做数据可视化大屏项目过程中,客户需要后端功能,于是想着可不可以通过ai辅助我来实现后端api接口的开发呢?
今天我们来实现一个分类接口的增删改查功能的实现
ai辅助生成代码
描述越详细生成的代码也越符合我们的需要比如生成一个党员管理的增删改查接口
lin-cms-koa 党员...
yekong
2个月前 (08-27)
喜欢
threejs项目开发过程中,发现模型在加载了环境贴图后和没有加载环境贴图模型有明显的差异。所有查询了一下环境贴图在项目中起了什么作用。
未加载环境贴图hdr前
加载环境贴图hdr后
加载HDR (High Dynamic Range) 图像并将其设置为场景环境贴图主要有以下...
yekong
2个月前 (08-24)
喜欢
项目开发中,我们会遇到各种需求,今天我们的需求是实现全景看房,并给房间里对应的场景物品添加标注。
准备素材
我们需要准备各个房间的全景图,为渲染做准备
动态效果
移动端兼容
移动端测试可以正常浏览
配置房间信息
我们通过
roomList来配置房间,
image为房间全景图,...
yekong
2个月前 (08-23)
喜欢
数据可视化大屏项目开发中,需要显示天气,客户提供的是openweathermap平台的key,查询天气时需要使用到key 经纬度,这里将请求方式记录下来。
<!-- WeatherForecast.vue -->
<template>
<div...
yekong
2个月前 (08-22)
喜欢