数据可视化大屏项目开发中,会遇到ui设计图中文字是渐变色加阴影的效果。
ui设计图效果如下
css实现
我们通过蓝湖生成的css生成出来的样式效果,这和我们的预期差别太大了。
这里我们可以使用伪类来实现我们想要的效果
使用伪元素
通过使用伪元素 ::before 或 ::af...
yekong
3个月前 (09-01)
喜欢
项目开发中,我们会遇到各种需求,今天我们的需求是实现全景看房,并给房间里对应的场景物品添加标注。
准备素材
我们需要准备各个房间的全景图,为渲染做准备
动态效果
移动端兼容
移动端测试可以正常浏览
配置房间信息
我们通过
roomList来配置房间,
image为房间全景图,...
yekong
3个月前 (08-23)
喜欢
数据可视化大屏项目开发中,需要显示天气,客户提供的是openweathermap平台的key,查询天气时需要使用到key 经纬度,这里将请求方式记录下来。
<!-- WeatherForecast.vue -->
<template>
<div...
yekong
3个月前 (08-22)
喜欢
数据可视化大屏项目开发中,需要使用两种主题切换地图样式的效果,所以使用百度地图,然后监听主题,切换主题样式,这里是使用的主题色id然后通过styleId来切换,但是在交付的时候遇到问题,开发时使用的是自己的百度账号生成的主题色,切换为客户的地图id后主题色id失效了。所以这里我们...
yekong
3个月前 (08-22)
喜欢
本文介绍基于数据可视化大屏项目后端配置。
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)
喜欢