自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 天地图(四)拖拽点位获取当前经纬度以及地址名称

【代码】天地图(四)拖拽点位获取当前经纬度以及地址名称。

2024-06-14 13:43:28 145

原创 天地图(三)如何设置地图为自己想要的主题颜色

只需要增加一个类名就可以设置自己想要的颜色就可以了。天地图(二)引入地图。

2024-06-13 11:00:53 250

原创 天地图(二)引入地图

1、在public下的index.html中引入天地图。2、在vue文件中写入。

2024-06-13 10:55:23 215

原创 天地图(一)申请密钥

然后点击"创建新应用",填写相关信息,应用名称、行业类型根据自己的实际情况写,应用类型选浏览器,IP白名单不需要写,这样就创建好一个应用了,会看到对应的key。第四步 注册完成之后,就可以创建应用了。第三步 选择"升级引导",注册用户。第二步 选择"开发资源"第一步 打开天地图官网。

2024-06-13 10:39:51 159

原创 uni-app(四)上传图片以及图片预览

绑定tap事件,定义previewImage方法。绑定click事件,定义updateImg方法。绑定tap事件,定义dele方法。如何实现图片上传以及图片预览?

2024-05-07 17:22:33 274

原创 uni-app(三)年月选择器

next-date-picker,本身也可以选择日,但是我把日隐藏了,具体可以参考链接地址。项目种需要运用选择年月的组件,但是uni-app里面没有,所以通过查找资料找到一款插件。DCloud 插件市场。DCloud 插件市场。

2024-05-06 14:46:59 375

原创 uni-app(二)常用的提示框

四种弹框全部都是对象。

2024-04-11 14:36:07 213

原创 uni-app(一)如何搭建小程序

这里选择"默认模板"就可以了,如何vue的版本选择根据实际情况自己选择用哪个版本,最后点击创建即可。然后点击"设置"--->选择"安全",打开服务端口,然后重新启动HBuilder就可以了。选择"工具"-->点击运行配置,然后选择微信开发者工具路径(安装软件地址的路径)然后就可以运行了,点击"运行",然后选择运行到小程序模拟器,选择微信开发者工具。运行完成之后会自动打开微信开发者工具,然后扫码就可以了,这个时候会提示到开端口。点击这个按钮或者“文件”-->选择"项目"下载HBuilder的官方地址。

2024-04-11 11:20:17 255

原创 js数组转化为对象

【代码】js数组转化为对象。

2024-02-22 13:41:41 127 1

原创 vue组件传参

父组件通过 props 向子组件传递数据,子组件通过 props 接收数据。父组件传递数据时,可以使用 v-bind 或简写的 ":",子组件接收数据时,需要在 props 中声明接收的数据类型。: 兄弟组件之间的传参需要借助一个共同的父组件,通过父组件作为中介来传递数据。: 子组件通过 $emit 触发一个自定义事件,并传递数据,父组件通过 v-on 监听这个自定义事件,并接收数据。也可以通过$refs向子组件传参,我这里通过点击事件触发传参,也可以通过其他方法事件。

2023-12-05 13:57:29 425

原创 vue表格搜索的时候回车按键

【代码】vue表格搜索的时候回车按键。

2023-12-01 16:36:20 390 1

原创 echarts绘制环形图

【代码】echarts绘制环形图。

2023-12-01 15:59:26 395 1

原创 vue使用海康H5视频播放器实现轮播功能

这篇文章,后面里面所引用的VideoPlayer以及randomLenNum也可以在文章里面查找。需要引入的文件这个就不说了,不了解的可以去看我写的。点击左右按钮可以实现轮播视频的功能。

2023-12-01 15:32:55 849 1

原创 vue使用海康H5视频播放器

在public下面创建文件夹,文件名称可以自己起名字,我这里的是lib下面的js,然后把demo文件下的这些文件复制到所创建的文件夹下,最后在public/index.html引入所需要的文件。点击树状图然后打开相应的视频,可以指定窗口切换,并在此基础上实现视频播放、关闭视频、开启声音、关闭声音、分屏以及云台操作(包括左右移动、上下移动以及缩放)里面播放的内容就不展示了,大致效果就是这个样子了。使用的海康web插件:由。

2023-12-01 15:12:28 1619 2

原创 vue使用海康视频web插件

在public下面创建文件夹,文件名称可以自己起名字,我这里的是lib下面的js,然后把demo文件下的jquery-1.12.4.min.js、jsencrypt.min.js、web-control_1.2.5.min.js三个文件复制到所创建的文件夹下,最后在public/index.html引入所需要的文件。里面的appkey,secret,ip等必要参数需要联系海康的对接人员,摄像头的编号值(cameraIndexCode)这个需要从接口获取。使用的海康web插件:由。

2023-11-28 15:05:57 1333 1

原创 echarts绘制立体柱状图

【代码】echarts绘制立体柱状图。

2023-11-28 13:44:13 402

原创 echarts绘制立体饼状图

【代码】echarts绘制立体饼状图。

2023-11-27 13:47:16 896 1

原创 使用百度地图绘点自定义弹窗

【代码】使用百度地图绘点自定义弹窗。

2023-11-20 11:29:40 385 1

原创 使用百度地图自定义绘点并点击弹窗

【代码】使用百度地图自定义绘点并点击弹窗。

2023-11-16 10:40:41 270 1

原创 使用百度地图绘制热力图(BMapGL)

然后在public下面的index中要先引入相关的js;(小萌新使用百度地图的时候记得要先申请密钥哦)首先要引入百度地图的js、api;方法二中的json格式可参考。接下来就可以开始绘制地图啦。

2023-07-19 14:24:47 3716 5

原创 vue前端打印PDF封装

【代码】vue前端打印PDF封装。

2023-06-06 15:51:38 225 1

原创 js截取特定字符

【代码】js截取特定字符。

2023-05-10 16:12:20 986

原创 element下拉通过value获取多个值

【代码】element下拉通过value获取多个值。

2023-05-10 15:41:14 357 1

原创 vue前端调后台接口使用post下载word文档

<div class="btn"> <el-button icon="el-icon-download" type="primary" @click="download()"> 下载服务单 </el-button></div>// 下载download() { this.$axios .post('/api/deve/deve/print?id=' + this.proId, { .

2021-07-13 16:49:37 865

原创 CSS垂直居中,你会多少种写法?

CSS控制居中是前端开发中非常常用的布局技能,本文列出几种CSS控制元素居中的几种方法。谈及HTML元素居中展示,涉及到水平居中和垂直居中,以及水平垂直居中。由于HTML文档流是水平方向的,所以水平方向上的布局控制比垂直方向要简单很多,居中也是如此。不过(水平)垂直居中还是有很多种写法,至少一只手是数不过来了,本文列出几种,并进行了简单比较。一、水平居中使用CSS控制水平居中很简单:块级元素 设置width,并设置margin auto 内联元素 父元素设置text-align c

2021-07-12 14:34:50 86

原创 canvas钟表

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Canvas Clock</title> <style> .clocks { height: 500px; margin: 25px auto; position: relative; width: 500px; } </style&gt.

2021-07-12 14:22:14 87

原创 css3.

兼容性前缀:谷歌:webkit火狐:mozIE:ms欧朋:o一、选择器1、类选择器 .box2、元素选择器 div3、id选择器 #box4、派生选择器 div.box div#box .box5、属性选择器 [title="容器"](1)*=" " 值包含什么(2)^=" " 以什么开头(3)$=" " 以什么结尾6、结构伪类选择器(1) :first-of-type...

2021-07-08 16:30:08 103

原创 avue-crud属性说明

html代码:<avue-crud :data="data" :option="option"> <!-- 自定义列--> <template slot="name" slot-scope="scope" > <el-tag></el-tag> </template> <!-- 自定表单--> <template slot-scope="scope" slot.

2021-07-08 14:49:21 5155 1

空空如也

空空如也

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

TA关注的人

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