- 博客(24)
- 收藏
- 关注
原创 uni-app(四)上传图片以及图片预览
绑定tap事件,定义previewImage方法。绑定click事件,定义updateImg方法。绑定tap事件,定义dele方法。如何实现图片上传以及图片预览?
2024-05-07 17:22:33 210
原创 uni-app(三)年月选择器
next-date-picker,本身也可以选择日,但是我把日隐藏了,具体可以参考链接地址。项目种需要运用选择年月的组件,但是uni-app里面没有,所以通过查找资料找到一款插件。DCloud 插件市场。DCloud 插件市场。
2024-05-06 14:46:59 283
原创 uni-app(一)如何搭建小程序
这里选择"默认模板"就可以了,如何vue的版本选择根据实际情况自己选择用哪个版本,最后点击创建即可。然后点击"设置"--->选择"安全",打开服务端口,然后重新启动HBuilder就可以了。选择"工具"-->点击运行配置,然后选择微信开发者工具路径(安装软件地址的路径)然后就可以运行了,点击"运行",然后选择运行到小程序模拟器,选择微信开发者工具。运行完成之后会自动打开微信开发者工具,然后扫码就可以了,这个时候会提示到开端口。点击这个按钮或者“文件”-->选择"项目"下载HBuilder的官方地址。
2024-04-11 11:20:17 246
原创 vue组件传参
父组件通过 props 向子组件传递数据,子组件通过 props 接收数据。父组件传递数据时,可以使用 v-bind 或简写的 ":",子组件接收数据时,需要在 props 中声明接收的数据类型。: 兄弟组件之间的传参需要借助一个共同的父组件,通过父组件作为中介来传递数据。: 子组件通过 $emit 触发一个自定义事件,并传递数据,父组件通过 v-on 监听这个自定义事件,并接收数据。也可以通过$refs向子组件传参,我这里通过点击事件触发传参,也可以通过其他方法事件。
2023-12-05 13:57:29 388
原创 vue使用海康H5视频播放器实现轮播功能
这篇文章,后面里面所引用的VideoPlayer以及randomLenNum也可以在文章里面查找。需要引入的文件这个就不说了,不了解的可以去看我写的。点击左右按钮可以实现轮播视频的功能。
2023-12-01 15:32:55 750 1
原创 vue使用海康H5视频播放器
在public下面创建文件夹,文件名称可以自己起名字,我这里的是lib下面的js,然后把demo文件下的这些文件复制到所创建的文件夹下,最后在public/index.html引入所需要的文件。点击树状图然后打开相应的视频,可以指定窗口切换,并在此基础上实现视频播放、关闭视频、开启声音、关闭声音、分屏以及云台操作(包括左右移动、上下移动以及缩放)里面播放的内容就不展示了,大致效果就是这个样子了。使用的海康web插件:由。
2023-12-01 15:12:28 1376 1
原创 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 988 1
原创 使用百度地图绘制热力图(BMapGL)
然后在public下面的index中要先引入相关的js;(小萌新使用百度地图的时候记得要先申请密钥哦)首先要引入百度地图的js、api;方法二中的json格式可参考。接下来就可以开始绘制地图啦。
2023-07-19 14:24:47 3335 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 841
原创 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>.
2021-07-12 14:22:14 83
原创 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 96
原创 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 5033 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人