element-plus在使用的时候,一般并不能直接满足我们的需要,还需要二次调整,比如修改ui组件的样式或者功能调整,这里将这些调整整理出来,方便查找。
说明文档
文档常用的有两个,有时候会无法访问,所以两个都整理出来了。
element-plus
element-plus 国...
yekong
2年前 (2023-04-19)
喜欢
vue3 数据可视化大屏 - 数据资产大屏 项目开发中,需要高德地图渲染热力图效果。我们可以通过AMap.Heatmap
初始化热力图,并且可以设置半径以及透明度。通过heatmap.setDataSet来设置热力图的坐标以及数值。
var heatmap = new AMap....
yekong
2年前 (2023-04-19)
喜欢
vue3 可视化数据大屏 - 数据资产大屏 项目开发时,因为因为接口token时效短,我们需要当token失效接口报401后,重新请求接口获取新的token,并刷新当前页面重新请求接口。
实现代码
import axios from 'axios'
// import {Mess...
yekong
2年前 (2023-04-19)
喜欢
vue 数据可视化大屏 管控后台管理系统
如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870
开发环境
vue2 + webpack + js nodejs 14
分辨率
1920*1080
演示地址
可视化数据大屏 管理局大数据平台
项目截图
项...
yekong
2年前 (2023-04-18)
喜欢
vue3 数据可视化大屏项目开发中,为了美观在渲染地图时,会给地图添加一个边框效果,今天整理的是高德地图边框效果实例。
实现方法
给地图添加一个div遮罩,通过css给这个遮罩添加一个内阴影效果。box-shadow: inset 0px 0px 32px 0px rgba(68...
yekong
2年前 (2023-04-18)
喜欢
vue3 数据可视化大屏项目开发中,需要点击地图获取经纬度,我们可以通过代码来实现想要的效果。
通过地图点击事件e.lnglat.getLng(), e.lnglat.getLat()两个方法分别获取经度和纬度。
演示实例
实现代码
<template>
<...
yekong
2年前 (2023-04-18)
喜欢
vue3 数据可视化大屏 开发中,有个要求,需要显示自定义图标,并且可以点击实现弹窗,可以通过筛选框来实现图标筛选。
演示实例
引入高德地图
<script type="text/javascript"
src="h...
yekong
2年前 (2023-04-18)
喜欢
vue3 数据可视化大屏 开发中,有个要求,地图要可以实现测距,搜索了一下高德地图支持这个功能,将实现方法记录一下。
演示实例
引入高德地图
<script type="text/javascript"
src="h...
yekong
2年前 (2023-04-18)
喜欢
进度条效果:
进度条颜色是渐变色,可以通过传值自定义
进度条带有动画效果 使用gsap实现补间动画
进度条有默认背景色
进度条宽度根据总数和当前数据计算百分比
数字居右展示
演示地址
使用组件
<template>
<div class="li...
yekong
2年前 (2023-04-17)
喜欢
vue3 数据可视化大屏 开发中,需要展示一些表格效果,今天整理 vue3 表格自定义排行榜样式效果组件。
通过使用flex控制宽度,通过Vue3SeamlessScroll实现列表滚动,使用自定义样式来实现排名表格效果。
演示地址
使用组件
<template>...
yekong
2年前 (2023-04-17)
喜欢