- 博客(88)
- 收藏
- 关注
原创 图片加上蒙层,鼠标上移显示出图片
<div class="avatar"></div> .avatar{background: url(./OIP-C.jpg) center no-repeat;width: 200px;height: 200px;border-radius: 50%;cursor: pointer;object-fit:cover;position: relative;}.avatar::before,.avatar::after{content:'';positio
2024-03-26 11:23:49
278
原创 file-saver下载jpeg‘, ‘jpg‘, ‘gif‘, ‘png‘, ‘webp‘, ‘doc‘, ‘docx‘, ‘pdf‘, ‘xls‘, ‘xlsx‘, ‘ppt‘, ‘pptx‘,
【代码】file-saver下载jpeg‘, ‘jpg‘, ‘gif‘, ‘png‘, ‘webp‘, ‘doc‘, ‘docx‘, ‘pdf‘, ‘xls‘, ‘xlsx‘, ‘ppt‘, ‘pptx‘,
2023-11-24 15:15:22
217
原创 vue3使用flv播放视频监控
这种方法考虑了下,因为不同的人去使用这个项目初始化使用的时候都要去手动改里面的代码,所以使用时放弃了改方法。第一种方法使用安装的 npm install --save flv.js,会出现报错的情况,如。页面销毁或者布局切换需要以代码,不然多次切换后视频监控不显示。第二种方法使用的是下载一个稳定flv.js包,dataList.value数据格式。然后从外部文件引入。页面中存在多个视频监控。使用flv播放视频流。
2023-10-24 17:20:39
12869
原创 vscode 封版并创建tag(标签)
推送标记:ctrl + shift + P 打开命令面板输入 Git: push tags。标签名称输完之后输入描述。
2023-05-11 13:34:27
1752
原创 解决前端vue打包之后,在没有登录的情况下能访问静态资源
这里的静态资源显示的内容解决方法:(1)通过请求接口返回数据流,前端在进行转换,然后在进行下载、
2023-04-18 15:18:17
514
原创 vscode 代码合并分支
如果有冲突解决冲突,解决完之后提交dev分支的代码。需要把master代码合并到dev,分支。首先确保master代码是最新。
2023-04-04 11:13:08
1243
转载 pdf预览
安装插件yarn add vue-pdf-embedyarn add vue3-pdfjs代码中:imgUrl 是请求的链接,fileUrl是一个相对地址内容 <div class="pdf-wrap"> <div class="page-tool"> <div class="page-tool-item" @click="lastPage">上一页</div> <div class="page-tool-i
2023-03-15 10:55:53
117
转载 Vue中使用vue-draggable-resizable实现可拖动悬浮组件
vue-draggable-resizable转载https://blog.youkuaiyun.com/weixin_44212165/article/details/125255260
2022-12-06 14:59:38
1290
转载 运行Xshell报错mfc110u.dll文件丢失 _
https://www.cnblogs.com/cuianbing/p/14906371.html
2022-05-27 17:08:13
270
原创 js 光标从一个框输入完之后自动跳到另一个框
只靠id完成(死方法),多个框要写多遍<html> <head> <title>js24.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> &nb
2022-04-06 09:50:41
1091
原创 地图标点进行轮播
<div id="map" style="min-height: 1206px; justify-content: center;position: relative"></div>import { Scene, PolygonLayer, LineLayer, PointLayer, Marker, MarkerLayer, Popup } from '@antv/l7';import { Mapbox, GaodeMap } from '@antv/l7-maps';im
2022-04-06 09:47:17
328
原创 vite+vue3+ts+vuex+vue-router4.0路由总结
安装路由yarn add vue-router@4浅谈路由根据项目需求,动态路由的部分从后端数据获取,获取的格式如下://模拟后端返回的数据const menuLsit: Array<any> = [ { url: "/home/person-home", name: "首页", meta: { title: "首页", icon: "HomeFilled" }, child
2022-03-09 15:09:30
1143
原创 vue3+vite+ts 使用svg
(1)安装插件yarn add svg-sprite-loader --save-dev(2)封装svgIcon组件在componemts里新建svgIcon文件夹,新建index.vue,封装成组件<template> <svg class="svg-icon" aria-hidden="true"> <use :xlink:href="`#icon-${name}`" /> </svg></template> &
2021-12-17 11:17:36
1664
1
原创 vue3使用vite+ts创建项目,VSCODE ts语法没有检查
VSCODE 安装Vue Language Featureshttps://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar```C
2021-12-15 11:52:44
2078
原创 html输入框既能下拉也能手写输入
技术是angularjs``` <div class="row"> <div class="col-xs-4"> <div class="form-group"> <label class="control-label col-xs-4"...
2021-12-06 15:02:05
1475
原创 element日期组件 本周,上周,下周,本月,上月,下月
<el-date-picker v-model="value" type="daterange" align="center" unlink-panels range-separator="至" start-placeholder="开始日期" format="yyyy-MM-dd" size="mini" :clearable="false" @change="change" value-format="yyyy-MM-dd" end-placeholder="结束日期" :picker-o.
2021-12-01 15:13:41
528
原创 DateTimePicker 日期时间选择器时间禁用的设置,不能大于当前日期和时间
···<el-date-picker v-model="ruleForm.monitorTime " format="yyyy-MM-dd HH:mm" style="width:100%"value-format="yyyy-MM-dd HH:mm:ss" type="datetime" :picker-options="pickerOptions"placeholder="选择日期"></el-date-picker>pickerOptions: { //
2021-12-01 15:05:51
5055
原创 table表格内容溢出处理
在table标签加上 style="table-layout:fixed;word-wrap:break-word;"
2021-11-30 09:36:17
320
转载 获取本周、上周、本月、上月,下月 的开始日期和结束日期
方法返回的是一个对象: {startDate: 年-月-日, endDate: 年-月-日}使用方法: 获取上月 :getAppointedDate(2, 1) 获取上周 getAppointedDate(1, 1) 获取本月 :getAppointedDate(2, 0) 获取本周 getAppointedDate(1, 0) 获取下月 :getAppointedDate(2, -1) 获取下周
2021-11-03 10:04:00
239
原创 Screenshot 屏幕截图
<!-- 导入需要的包 (一定要放到head标签里)--><script src="https://cdn.staticfile.org/html2canvas/0.5.0-beta4/html2canvas.min.js"></script><el-button @click="handleOk" type="primary" icon="el-icon-camera"
2021-08-12 16:30:01
792
转载 在uni-app中引入uView UI组件库步骤
转载:https://blog.youkuaiyun.com/weixin_44090040/article/details/110930693
2021-04-02 10:48:33
1078
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人