自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 cesium天地图跳转到指定位置,涉及到高德地图坐标

在已经渲染地图的基础之上,通过按钮点击跳转到指定位置,给出的坐标是从高德地图获取到的,与天地图坐标有出入,要先跳转。** this.$cesium是已经渲染完成的天地图对象**在需要的地方调用该方法即可。

2024-10-24 11:31:23 312

原创 vue3常用的父子组件通信:v-modal,props,ref

该方法适合用于需要调用子组件方法的情况,但是找了很多办法都不好通过方法直接传参,还是需要有一个值来做传参媒介。这个相对vue2来说更加方便一点,只需要定义两边类型即可,子组建修改的同时父组件也修改。如果需要频繁通过父组件更改子组件数据,不涉及方法的话,建议用这个。

2024-10-24 10:37:30 263

原创 elementui结合vue2实现文件上传封装组件

【代码】elementui结合vue2实现文件上传封装组件。

2024-05-30 16:10:01 602

原创 vue实现图片上刻度尺功能,原生css

【代码】vue实现图片上刻度尺功能,原生css。

2024-05-30 09:20:34 867

原创 vue2结合tui.image-editor实现图片编辑,并实现保存编辑后图片功能

【代码】vue2结合tui.image-editor实现图片编辑,并实现保存编辑后图片功能。

2024-05-21 15:26:24 1018

原创 高德地图结合elementUI生成地图、并动态标注marker,绘制圆circle

因为框架整体是在elementui下实现,所以最上层有el-container的组件,不用该框架的可以直接使用div当前数据均为模拟数据,可以根据个人数据获取更改

2024-04-23 15:41:08 826

原创 elementUI中的 table实现表格内相同列树形合并且统计数值

直接上代码。

2024-04-23 11:37:02 583

原创 uni-app实现地图显示圆,气泡callout自定义,轨迹回放、定位到具体某个坐标的功能

1、windowHeight根据页面的实际大小调整。2、要在map上做层级,只能用。

2024-04-19 17:06:52 1659 2

原创 elementUI使用记录一:树形控件el-tree设置默认展开和选中样式修改

【代码】elementUI使用记录一:树形控件el-tree设置默认展开和选中样式修改。

2024-01-09 17:26:05 5603

原创 vue2使用富文本编辑器vue-quill-editor

(对于新手来说,可能会有很多版本上的冲突,只需要在初始化后面加上–legacy-peer-deps就可以解决)建议将参数设置以及图片上传设置单独到一个js文件,然后再引入需要的组件中。(为什么要全局引入,是因为在单组件中引入的话需要调用vue())因为它是作为组件存在,所以引入的时候也是需要按组件方式引入的。如果是单独成一个js文件的话,export就可以调用了。然后在调用组件的地方设置data()

2023-12-25 18:03:39 1138

原创 使用git code管理代码,以及git bash的使用

先在GitCode上注册账号并登录,官网地址为。

2023-11-07 17:28:45 633

原创 百度地图 api 自定义标注点动画

直接使用因为 PC 端不能调用动画,所以只能自己写一层(纯 js)具体如何初始化,查看官方文档 api 链接地址https://lbsyun.baidu.com/index.php?1、先调用初始化百度的 makerconst marker = new BMapGL.Marker(point, { icon: myIcon }) // 创建标注2、自定义图层 dom在 marker 对象里,追加 dom就可以在 css 中,对 dot 类做样式设定了.dot {left: 0;

2023-11-01 17:01:56 853 1

vue2实现自定义loading效果组件

内附图片,可在其他页面中通过 <my-loading v-if="showMyLoading && !firstLoading" :ani-time="1.5" @finishLoading="showMyLoading = false" />调用并设置loading时长以及结束回调

2024-10-24

萤石云静态引入,取消浏览器截图弹下载界面步骤,只获取所截取图片的base64

功能描述:通过萤石云接入云视频监控,然后截图某个画面获取base64图片做后续操作(官方截图就下载不适合该功能) 实现方法(只做引入说明和截图功能,如何调用实现看官方) import '@/common/ezuikit.min.js' let picName=${new Date().getTime()} let capturePicturePromise = this.player.capturePicture(picName, false) // 处理截图结果 capturePicturePromise .then((data) => { //截图成功后操作 })

2024-10-24

vue实现图片上刻度尺功能,原生css

vue实现图片上刻度尺功能,原生css

2024-05-29

基于flv.js的视频播放组件

底层基于flv.js,用于视频播放或者直播流,通过组件封装传入url调用视频播放

2024-03-22

基于picker-view的日期选择器

基于picker-view的日期选择器,只有年月日选择,uni-app自带的组件不适合利用按钮触发调用,该组件可用在uni-popup里,点击按钮获取

2024-03-22

vue文件自定义两点间画间距(类似杠杆,中间标文字)

可传入自定义颜色及线条大小,两端标识竖线,中间标文字

2024-03-22

uni-app倒计时组件

该组件前提依赖于uv-count-down,单独再封装一个组件复用在多个界面的时候可以简单调用,只需要传入样式以及时间值即可

2024-03-22

uni-app自定义uni-popup弹窗内容

自定义uni-popup内容,包含picker-view组件,前提基础需要运行在uni-app项目之下,且已保证插入外置组件,根据传入的list数据渲染选择列表,且能回填数据 组件调用<SelectPick v-if="showPick" v-model="pickValue" @close="showPick=false" :dataList="dataList" :valueKey="'value'" />

2024-03-22

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除