分类:vue组件

vue组件

vue项目实现随机验证码效果

vue项目实现随机验证码效果
要在 Vue.js 项目中使用 Canvas 实现随机验证码,并进行对比验证,可以按照以下步骤进行: 创建一个 Canvas 组件:用于生成随机验证码。 在登录表单中引入 Canvas 组件:并实现点击刷新验证码的功能。 在登录逻辑中进行验证码的对比验证。 以下是具体的实现...

yekong 3天前 24℃ 0喜欢

vue 进度条效果实例格子进度条

vue 进度条效果实例格子进度条
左侧为进度条和标题 右侧为相关数字以及文字说明。 进度条设置两层,底层为进度条底图,上层为进度条占比,通过数据计算div宽度来实现进度条占比,使用gsap补间动画 来实现进度条的动画,通过index来控制当前进度条的颜色。 动态效果 使用组件 <template>...

yekong 4周前 (04-24) 803℃ 0喜欢

echarts雷达图在区域刻度上显示文字

echarts雷达图在区域刻度上显示文字
echarts项目开发中,需要显示雷达图,雷达图要求在刻度上显示内容,今天我们将实现方法记录下来。 echarts版本 "echarts": "^5.4.1", 首选在刻度上显示内容 我们只需要在radar下面增加axisLabel设...

yekong 1个月前 (04-20) 63℃ 0喜欢

element plus select 下拉框样式自定义

element plus select 下拉框样式自定义
vue3 数据可视化大屏 - 数据资产大屏 项目开发中, 需要下拉菜单选择内容,设计师对这个下拉菜单做了美化,在设计图中多余遇到不同样式的下拉菜单,每次都要重新写样式,很耗费时间,所以想着把可能会修改的关键代码都列出来,下次就可以针对性的修改,节省开发时间。 因为element-...

yekong 1个月前 (04-20) 1362℃ 0喜欢

vue 结合vue-seamless-scroll实现列表滚动

vue 结合vue-seamless-scroll实现列表滚动
vue 数据可视化大屏 项目中要求列表可以自动滚动,当前使用的是vue2实现的效果,如果要使用vue3的话,可以通过vue3 使用vue3-seamless-scroll实现列表无缝滚动插件实现. 安装依赖 # vue3 # yarn yarn add @meruem117/v...

yekong 2个月前 (04-01) 1354℃ 0喜欢

vue2 实现走马灯3d轮播效果

vue2 实现走马灯3d轮播效果
vue2项目开发中,需要实现轮播,并且轮播的效果类似3d效果。 效果截图 动态效果 演示地址 vue2 实现走马灯3d轮播效果 使用插件 这里使用到了vue-carousel-3d插件,vue-carousel-3d介绍 安装插件 pnpm i vue-carousel-3d...

yekong 2个月前 (03-17) 466℃ 2喜欢

vue实现导出word文档功能

vue实现导出word文档功能
vue实现导出word文档功能,导出数据表格,结合html2canvas实现导出图片 演示地址 vue实现导出word文档功能 代码 /** * @Author: 858834013@qq.com * @Name: exportDocument * @Date: 2024...

yekong 2个月前 (03-13) 649℃ 0喜欢

vue3 高德地图实现轨迹回放

vue3 高德地图实现轨迹回放
vue3 数据可视化大屏 开发中,需要渲染高德地图实现轨迹回放。 我们可以通过Polyline来实现一条轨迹线,通过marker.moveAlong实现移动动画效果。 动态效果 演示地址 vue3 高德地图实现轨迹回放 引入高德地图 使用前需要引入高德 <scr...

yekong 2个月前 (03-13) 774℃ 0喜欢

vue 高德地图效果实例汇总

vue 高德地图效果实例汇总
11 vue3 高德地图多个轨迹回放 实例代码:vue3高德地图多个轨迹回放 10 vue3 自定义图标点击放大地图显示子图标移入后显示弹窗 vue 高德地图显示一级数据的图标,鼠标移入一级图标,显示标题,单击一级图标放大地图,双击一级图标显示弹窗。 当一级图标放大后显示二级图...

yekong 2个月前 (03-13) 776℃ 0喜欢