分类:vue

vue开发笔记

element-plus 使用实例汇总

element-plus 使用实例汇总
element-plus在使用的时候,一般并不能直接满足我们的需要,还需要二次调整,比如修改ui组件的样式或者功能调整,这里将这些调整整理出来,方便查找。 说明文档 文档常用的有两个,有时候会无法访问,所以两个都整理出来了。 element-plus element-plus 国...

yekong 2年前 (2023-04-19) 喜欢

vue3 高德地图实现热力图效果实例

vue3 高德地图实现热力图效果实例
vue3 数据可视化大屏 - 数据资产大屏 项目开发中,需要高德地图渲染热力图效果。我们可以通过AMap.Heatmap 初始化热力图,并且可以设置半径以及透明度。通过heatmap.setDataSet来设置热力图的坐标以及数值。 var heatmap = new AMap....

yekong 2年前 (2023-04-19) 喜欢

Axios 刷新token并刷新页面

Axios 刷新token并刷新页面
vue3 可视化数据大屏 - 数据资产大屏 项目开发时,因为因为接口token时效短,我们需要当token失效接口报401后,重新请求接口获取新的token,并刷新当前页面重新请求接口。 实现代码 import axios from 'axios' // import {Mess...

yekong 2年前 (2023-04-19) 喜欢

vue 数据可视化大屏 管控后台管理系统

vue 数据可视化大屏 管控后台管理系统
vue 数据可视化大屏 管控后台管理系统 如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870 开发环境 vue2 + webpack + js nodejs 14 分辨率 1920*1080 演示地址 可视化数据大屏 管理局大数据平台 项目截图 项...

yekong 2年前 (2023-04-18) 喜欢

vue3 高德地图边框效果实例

vue3 高德地图边框效果实例
vue3 数据可视化大屏项目开发中,为了美观在渲染地图时,会给地图添加一个边框效果,今天整理的是高德地图边框效果实例。 实现方法 给地图添加一个div遮罩,通过css给这个遮罩添加一个内阴影效果。box-shadow: inset 0px 0px 32px 0px rgba(68...

yekong 2年前 (2023-04-18) 喜欢

vue3 高德地图点击获取经纬度

vue3 高德地图点击获取经纬度
vue3 数据可视化大屏项目开发中,需要点击地图获取经纬度,我们可以通过代码来实现想要的效果。 通过地图点击事件e.lnglat.getLng(), e.lnglat.getLat()两个方法分别获取经度和纬度。 演示实例 实现代码 <template> <...

yekong 2年前 (2023-04-18) 喜欢

vue3 高德地图自定义图标和弹窗

vue3 高德地图自定义图标和弹窗
vue3 数据可视化大屏 开发中,有个要求,需要显示自定义图标,并且可以点击实现弹窗,可以通过筛选框来实现图标筛选。 演示实例 引入高德地图 <script type="text/javascript" src="h...

yekong 2年前 (2023-04-18) 喜欢

vue3 高德地图实现测距

vue3 高德地图实现测距
vue3 数据可视化大屏 开发中,有个要求,地图要可以实现测距,搜索了一下高德地图支持这个功能,将实现方法记录一下。 演示实例 引入高德地图 <script type="text/javascript" src="h...

yekong 2年前 (2023-04-18) 喜欢

数据可视化大屏渐变色进度条数字居右

数据可视化大屏渐变色进度条数字居右
进度条效果: 进度条颜色是渐变色,可以通过传值自定义 进度条带有动画效果 使用gsap实现补间动画 进度条有默认背景色 进度条宽度根据总数和当前数据计算百分比 数字居右展示 演示地址 使用组件 <template> <div class="li...

yekong 2年前 (2023-04-17) 喜欢

vue3 表格自定义排行榜样式效果

vue3 表格自定义排行榜样式效果
vue3 数据可视化大屏 开发中,需要展示一些表格效果,今天整理 vue3 表格自定义排行榜样式效果组件。 通过使用flex控制宽度,通过Vue3SeamlessScroll实现列表滚动,使用自定义样式来实现排名表格效果。 演示地址 使用组件 <template>...

yekong 2年前 (2023-04-17) 喜欢