vue 数据大屏项目开发中需要使用Loading组件,但是项目是个超大屏,element UI Loading提供的样式字体太小了,我们需要改大一些。
vue2项目
element ui组件
添加自定义类
这里我们添加一个自定义类
// 设置了5秒 可以按需配置
openFul...
yekong
11个月前 (02-02)
喜欢
在使用vue2 开发项目时,在安装scss依赖后,运行会报下面的错误
TypeError: this.getOptions is not a function
排查发现是因为sass-loader@11.0.0 不能在 vue@2.6.12 下面工作,我们使用sass-load...
yekong
11个月前 (01-31)
喜欢
高德地图,需要实现输入框回车搜索地址效果。
搜索效果
引入PlaceSearch
key非真实,替换为自己的key就可以了。
<script>
window._AMapSecurityConfig = {
secur...
yekong
11个月前 (01-30)
喜欢
vue 高德地图点击地图后,添加标记,并在鼠标旁边显示坐标以及详细信息。
用到的插件
<script
type="text/javascript"
src="https://webapi.a...
yekong
11个月前 (01-23)
喜欢
在 Vue 中实现点击空白区域关闭弹窗的功能,通常的做法是监听 click 事件,并判断点击事件是否发生在弹窗的外部。以下是一个基本的实现步骤:
给弹窗的外层容器添加一个 ref 属性,例如 ref="popup"。
在弹窗组件的 mounted 钩子...
yekong
11个月前 (01-22)
喜欢
vue项目开发中,需要实现一个功能,根据两个经纬度点坐标,生成轨迹路线。
使用 AMap.Driving 类来创建一个驾车路线规划对象。需要提供两个参数:起点和终点的经纬度。这两个参数应该是 AMap.LngLat 类型的实例。
调用 AMap.Driving 对象的 sear...
yekong
11个月前 (01-22)
喜欢
高德地图3d模式下设置地图倾斜角度
要设置地图的倾斜角度,你可以使用setPitch方法。这个方法接受一个角度值(以度为单位),范围是0到83。以下是如何在地图初始化后设置倾斜角度的示例:
mounted () {
this.map = new AMap.Map(this....
yekong
12个月前 (01-05)
喜欢
数据可视化大屏项目开发中,需要一个进度条加载的效果,这里将实现代码记录下来。
动态效果
<template>
<div class="progressBar">
<div class="progressB...
yekong
12个月前 (01-05)
喜欢
在Vue 3中,您可以使用video.js库创建自定义的视频播放器。video.js是一个JavaScript和CSS库,用于在所有流行的web浏览器中制作HTML5和Flash视频播放器。下面是一个简单的例子说明如何在Vue 3应用程序中使用video.js。
首先,您需要安装...
yekong
12个月前 (01-04)
喜欢
vue2 高德地图需要实现查询指定地区行政轮廓,这里将实现代码记录下来。
html代码
配置key 和 密钥,这里的key和密钥是乱写的,改成自己的就可以了。
<!DOCTYPE html>
<html lang="">
<he...
yekong
12个月前 (01-03)
喜欢