分类:vue

vue开发笔记

element UI Loading 组件自定义字体大小

element UI Loading 组件自定义字体大小
vue 数据大屏项目开发中需要使用Loading组件,但是项目是个超大屏,element UI Loading提供的样式字体太小了,我们需要改大一些。 vue2项目 element ui组件 添加自定义类 这里我们添加一个自定义类 // 设置了5秒 可以按需配置 openFul...

yekong 11个月前 (02-02) 喜欢

vue 点击空白区域隐藏弹窗

vue 点击空白区域隐藏弹窗
在 Vue 中实现点击空白区域关闭弹窗的功能,通常的做法是监听 click 事件,并判断点击事件是否发生在弹窗的外部。以下是一个基本的实现步骤: 给弹窗的外层容器添加一个 ref 属性,例如 ref="popup"。 在弹窗组件的 mounted 钩子...

yekong 11个月前 (01-22) 喜欢

vue 高德地图根据两个经纬度生成轨迹

vue 高德地图根据两个经纬度生成轨迹
vue项目开发中,需要实现一个功能,根据两个经纬度点坐标,生成轨迹路线。 使用 AMap.Driving 类来创建一个驾车路线规划对象。需要提供两个参数:起点和终点的经纬度。这两个参数应该是 AMap.LngLat 类型的实例。 调用 AMap.Driving 对象的 sear...

yekong 11个月前 (01-22) 喜欢

高德地图3d模式下设置地图倾斜角度

高德地图3d模式下设置地图倾斜角度
高德地图3d模式下设置地图倾斜角度 要设置地图的倾斜角度,你可以使用setPitch方法。这个方法接受一个角度值(以度为单位),范围是0到83。以下是如何在地图初始化后设置倾斜角度的示例: mounted () { this.map = new AMap.Map(this....

yekong 12个月前 (01-05) 喜欢

gsap实现进度条加载效果

gsap实现进度条加载效果
数据可视化大屏项目开发中,需要一个进度条加载的效果,这里将实现代码记录下来。 动态效果 <template> <div class="progressBar"> <div class="progressB...

yekong 12个月前 (01-05) 喜欢

vue3 使用视频播放器 video.js

vue3 使用视频播放器 video.js
在Vue 3中,您可以使用video.js库创建自定义的视频播放器。video.js是一个JavaScript和CSS库,用于在所有流行的web浏览器中制作HTML5和Flash视频播放器。下面是一个简单的例子说明如何在Vue 3应用程序中使用video.js。 首先,您需要安装...

yekong 12个月前 (01-04) 喜欢

vue2 高德地图查询指定行政区轮廓

vue2 高德地图查询指定行政区轮廓
vue2 高德地图需要实现查询指定地区行政轮廓,这里将实现代码记录下来。 html代码 配置key 和 密钥,这里的key和密钥是乱写的,改成自己的就可以了。 <!DOCTYPE html> <html lang=""> <he...

yekong 12个月前 (01-03) 喜欢