要将 this.color1 应用到 :deep(.echarts1Num) 中的 text-shadow 属性，你需要在 Vue 组件的 <style> 标签中使用 CSS 变量，并在组件的 mounted 钩子中动态设置这个变量的值。这样，你就可以将 this.c...
yekong
2天前 30℃
0喜欢
vue数据可视化大屏项目开发中，客户接口返回的数据量太大，一次请求大概几十兆的样子，所以需要判断数据是否加载完成了。
这里我们可以通过axios的finally来判断数据是否加载完成了。
我们在请求数据前设置一个状态标识，用来确认是否显示加载中的图标。
this.isLoadin...
yekong
3天前 45℃
0喜欢
vue项目中访问websocket时报错了
DOMException: Failed to construct 'WebSocket':An insecure WebSocketcornection may not be initiated from a page loaded ...
yekong
3天前 49℃
0喜欢
左侧为进度条和标题 右侧为相关数字以及文字说明。
进度条设置两层，底层为进度条底图，上层为进度条占比，通过数据计算div宽度来实现进度条占比，使用gsap补间动画 来实现进度条的动画，通过index来控制当前进度条的颜色。
动态效果
使用组件
<template>...
yekong
3天前 746℃
0喜欢
数据可视化大屏项目开发中，我们需要实现时间轴的效果，时间轴要可以横向滚动，滚动到最后重新开始进行滚动，点击左右箭头可以触发对应的滚动，鼠标可以拖动时间轴左右滑动。
演示地址
vue3实现横向滚动时间轴效果
滚动插件
"@better-scroll/core": "^2.5.1"...
yekong
4天前 57℃
0喜欢
数据可视化大屏项目开发中，需要粒子效果装饰，今天来实现一下粒子上升的效果。
效果预览
我们将创建一个包含多个粒子的容器，这些粒子将随机生成并向上移动，直到消失在容器的顶部边界，然后再生成新的粒子，形成一个连续的循环效果。
实现步骤
1. 定义组件结构
首先，我们需要在Vue组...
yekong
6天前 91℃
0喜欢
@vue/shared 插件在 Vue 框架中的作用主要是作为一个内部工具函数库，用于提供各种通用的工具函数和常量，这些工具函数和常量被 Vue 的其他内部模块广泛使用。这有助于代码的重用和维护，确保不同模块间可以高效地共享通用逻辑，从而减少代码冗余和提高项目的整体可维护性。
如...
yekong
6天前 36℃
0喜欢
amfe-flexible插件是用于移动端适配的一个工具。它的主要作用是根据设备的宽度动态修改根元素html的字体大小，从而实现不同设备之间的页面适配。这个插件是由阿里巴巴手淘团队开源的，它通过设置1rem等于视口宽度的十分之一（viewWidth/10），使得开发者可以使用re...
yekong
6天前 37℃
0喜欢
echarts项目开发中，需要显示雷达图，雷达图要求在刻度上显示内容，今天我们将实现方法记录下来。
echarts版本
"echarts": "^5.4.1",
首选在刻度上显示内容
我们只需要在radar下面增加axisLabel设...
yekong
1周前 (04-20) 33℃
0喜欢
vue3 数据可视化大屏 - 数据资产大屏 项目开发中， 需要下拉菜单选择内容，设计师对这个下拉菜单做了美化，在设计图中多余遇到不同样式的下拉菜单，每次都要重新写样式，很耗费时间，所以想着把可能会修改的关键代码都列出来，下次就可以针对性的修改,节省开发时间。
因为element-...
yekong
1周前 (04-20) 1287℃
0喜欢
