- 博客(35)
- 收藏
- 关注
原创 vue-seamless-scroll(二)点击事件
在表格数据滚动的时候想要点击某一行获取当前行的数据,但是当数据在第二轮数据滚动的时候点击没有反应,获取不到数据,该怎么解决?首先需要在父级添加一个点击事件,然后在这一行添加相同的类名,这样点击这一行就可以获取当前行的数据了。
2024-09-06 14:45:37 398
原创 vue使用海康视频web插件如何实现自适应
在文件中接收"windowWidth","windowHeight",然后调用更改尺寸的方法,并在监听的时候也设置尺寸。如果要实现自适应的话,就需要在不同的分辨率内设置不同的宽度和高度,可以监听当前屏幕的宽度和高度(可视区域的宽高)注意在initPlugin()方法中也需要设置尺寸。这样就可以实现在不同的范围内自适应视频的宽度和高度。以及initBtn()方法中也设置尺寸。
2024-08-15 14:17:04 347
原创 小程序项目记录
本地运行的时候图片可以上传,但是线上的时候就一直上传不成功,我这里不成功的原因是因为没有配置上传图片的域名,导致一直不成功。点击完确定会再次弹出一个窗口,版本号可根据自己项目版本情况填入,项目备注可填可不填,点击“上传”之后就完成一次发布了。注意:生成的这个路径build为线上环境部署所使用路径,而dev是本地所使用路径。点击"开发管理",然后选择"开发设置",配置一下就可以了。第二步在微信开发者工具上点击右上角的“上传”按钮。会弹出一个窗口,这个时候点击确定就可以了。然后会弹出一个这样的框。
2024-07-11 14:30:53 158
原创 天地图(一)申请密钥
然后点击"创建新应用",填写相关信息,应用名称、行业类型根据自己的实际情况写,应用类型选浏览器,IP白名单不需要写,这样就创建好一个应用了,会看到对应的key。第四步 注册完成之后,就可以创建应用了。第三步 选择"升级引导",注册用户。第二步 选择"开发资源"第一步 打开天地图官网。
2024-06-13 10:39:51 747
原创 uni-app(四)上传图片以及图片预览
绑定tap事件,定义previewImage方法。绑定click事件,定义updateImg方法。绑定tap事件,定义dele方法。如何实现图片上传以及图片预览?
2024-05-07 17:22:33 484
原创 uni-app(三)年月选择器
next-date-picker,本身也可以选择日,但是我把日隐藏了,具体可以参考链接地址。项目种需要运用选择年月的组件,但是uni-app里面没有,所以通过查找资料找到一款插件。DCloud 插件市场。DCloud 插件市场。
2024-05-06 14:46:59 797
原创 uni-app(一)如何搭建小程序
这里选择"默认模板"就可以了,如何vue的版本选择根据实际情况自己选择用哪个版本,最后点击创建即可。然后点击"设置"--->选择"安全",打开服务端口,然后重新启动HBuilder就可以了。选择"工具"-->点击运行配置,然后选择微信开发者工具路径(安装软件地址的路径)然后就可以运行了,点击"运行",然后选择运行到小程序模拟器,选择微信开发者工具。运行完成之后会自动打开微信开发者工具,然后扫码就可以了,这个时候会提示到开端口。点击这个按钮或者“文件”-->选择"项目"下载HBuilder的官方地址。
2024-04-11 11:20:17 299
原创 vue组件传参
父组件通过 props 向子组件传递数据,子组件通过 props 接收数据。父组件传递数据时,可以使用 v-bind 或简写的 ":",子组件接收数据时,需要在 props 中声明接收的数据类型。: 兄弟组件之间的传参需要借助一个共同的父组件,通过父组件作为中介来传递数据。: 子组件通过 $emit 触发一个自定义事件,并传递数据,父组件通过 v-on 监听这个自定义事件,并接收数据。也可以通过$refs向子组件传参,我这里通过点击事件触发传参,也可以通过其他方法事件。
2023-12-05 13:57:29 578
原创 vue使用海康h5player实现轮播功能
这篇文章,后面里面所引用的VideoPlayer以及randomLenNum也可以在文章里面查找。需要引入的文件这个就不说了,不了解的可以去看我写的。点击左右按钮可以实现轮播视频的功能。
2023-12-01 15:32:55 1030 1
原创 vue使用海康h5player
在public下面创建文件夹,文件名称可以自己起名字,我这里的是lib下面的js,然后把demo文件下的这些文件复制到所创建的文件夹下,最后在public/index.html引入所需要的文件。点击树状图然后打开相应的视频,可以指定窗口切换,并在此基础上实现视频播放、关闭视频、开启声音、关闭声音、分屏以及云台操作(包括左右移动、上下移动以及缩放)里面播放的内容就不展示了,大致效果就是这个样子了。使用的海康web插件:由。
2023-12-01 15:12:28 2437 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 1870 1
原创 使用百度地图绘制热力图(BMapGL)
然后在public下面的index中要先引入相关的js;(小萌新使用百度地图的时候记得要先申请密钥哦)首先要引入百度地图的js、api;方法二中的json格式可参考。接下来就可以开始绘制地图啦。
2023-07-19 14:24:47 4271 5
原创 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 909
原创 CSS垂直居中,你会多少种写法?
CSS控制居中是前端开发中非常常用的布局技能,本文列出几种CSS控制元素居中的几种方法。谈及HTML元素居中展示,涉及到水平居中和垂直居中,以及水平垂直居中。由于HTML文档流是水平方向的,所以水平方向上的布局控制比垂直方向要简单很多,居中也是如此。不过(水平)垂直居中还是有很多种写法,至少一只手是数不过来了,本文列出几种,并进行了简单比较。一、水平居中使用CSS控制水平居中很简单:块级元素 设置width,并设置margin auto 内联元素 父元素设置text-align c
2021-07-12 14:34:50 95
原创 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>.
2021-07-12 14:22:14 98
原创 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 114
原创 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 5328 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人