数据可视化大屏项目开发中,我们需要实现时间轴的效果,时间轴要可以横向滚动,滚动到最后重新开始进行滚动,点击左右箭头可以触发对应的滚动,鼠标可以拖动时间轴左右滑动。
演示地址
vue3实现横向滚动时间轴效果
滚动插件
"@better-scroll/core": "^2.5.1"...
yekong
6个月前 (04-23)
喜欢
使用uniapp开发小程序时,需要实现一个底部菜单按钮,我们需要在pages.json这个文件里进行配置。
默认的pages.json
{
"pages": [
{
"path": "pages/index/inde...
yekong
6个月前 (04-23)
喜欢
数据可视化大屏项目要求渲染中国地图,并且点击地图后可以下钻到对应的省市地图,这里我们通过高德地图查询地图数据,通过echarts渲染地图效果实例.
引入高德地图api
<script src="https://webapi.amap.com/maps?v=1.3&...
yekong
6个月前 (04-22)
喜欢
vue项目开发中,我们在进行接口请求时需要配置反向代理,这个我们在本地开发是可以通过vue项目的反向代理就可以实现,但是如果放在服务器上的话,就需要在服务器上进行代理配置了。
今天我们来记录一下在宝塔服务器上的反向代理。
宝塔版本
8.0.4
配置
要配置宝塔面板以实现反向代理,...
yekong
6个月前 (04-22)
喜欢
在Mac操作系统中,访问资源库目录(Library folder)有多种方法,因为这个文件夹默认是隐藏的。以下是几种常用的方法:
使用Finder的前往菜单:
打开Finder。
在菜单栏点击“前往”。
按住Option键,此时“资源库”选项会出现在菜单中,选择它即可直接进...
yekong
6个月前 (04-21)
喜欢
数据可视化大屏项目开发中,需要粒子效果装饰,今天来实现一下粒子上升的效果。
效果预览
我们将创建一个包含多个粒子的容器,这些粒子将随机生成并向上移动,直到消失在容器的顶部边界,然后再生成新的粒子,形成一个连续的循环效果。
实现步骤
1. 定义组件结构
首先,我们需要在Vue组...
yekong
6个月前 (04-21)
喜欢
@vue/shared 插件在 Vue 框架中的作用主要是作为一个内部工具函数库,用于提供各种通用的工具函数和常量,这些工具函数和常量被 Vue 的其他内部模块广泛使用。这有助于代码的重用和维护,确保不同模块间可以高效地共享通用逻辑,从而减少代码冗余和提高项目的整体可维护性。
如...
yekong
6个月前 (04-21)
喜欢
amfe-flexible插件是用于移动端适配的一个工具。它的主要作用是根据设备的宽度动态修改根元素html的字体大小,从而实现不同设备之间的页面适配。这个插件是由阿里巴巴手淘团队开源的,它通过设置1rem等于视口宽度的十分之一(viewWidth/10),使得开发者可以使用re...
yekong
6个月前 (04-21)
喜欢
可视化数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理杭州市滨江区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts杭州市滨江区geoJson...
yekong
6个月前 (04-21)
喜欢
在Vue 3应用中集成地图并限制显示特定区域是一个常见的需求。本文将指导你如何在Vue 3项目中使用高德地图API,结合GeoJSON数据,来实现仅展示中国湖南省区域的地图。
开始之前
确保你的项目中已经引入了高德地图的JavaScript API库。通常,你可以在项目的HTM...
yekong
6个月前 (04-21)
喜欢