自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 实现上下左右键盘图案方向盘

方向盘,罗盘效果

2024-05-11 15:44:55 263

原创 vue拖拽指令,div,el-dialog拖拽

拖拽指令

2024-05-11 15:34:00 314

原创 高德地图计算多边形中心点

高德地图计算多边形中心点坐标

2024-05-11 15:25:57 539

原创 计算当年1月1号距离今天的天数

【代码】日期

2024-05-10 10:53:33 122

原创 vue实现1,4,6,9分屏视频墙

视频的4.6.9分屏 视频墙

2024-03-22 11:06:55 597 1

原创 vue创建二维码并下载

生成二维码并下载

2023-10-30 15:19:41 218 1

原创 vue使用高德地图实现区域划分并获取天气

高德地图行政区域划分和获取天气

2023-08-17 09:50:12 386 1

原创 variantform 二次开发添加组件设置

vform自定义表单添加自定义数据项

2023-05-25 12:02:37 1901 2

原创 element table通过checkbox动态显示隐藏列

element table 通过checkbox动态显示隐藏列

2023-04-20 14:56:59 684

原创 父级position:fixed 子级overflow显示不全问题

position和overflow显示不全内容问题

2023-02-08 15:52:38 560

原创 vue使用高德地图点聚合,点击显示弹窗

vue使用高德实现点聚合,点击显示弹窗

2023-02-08 12:02:21 2232 9

原创 uniapp中使用echarts app/h5适用

uniapp使用echarts

2022-11-30 14:19:35 2096

原创 element pagination不显示第二页发问题, pagesize小于10不显示第二页

element pagination 不显示第二页

2022-11-10 09:14:03 1130

原创 vue 点击 使用computed 动态切换style

computed改变style

2022-06-24 16:53:47 644

原创 vue element 的 Table组件动态增加一行、删除一行,并且在行内有单选框Radio 选择框select

element table 动态增加一行,删除一行 行内有radio和select

2022-06-24 14:48:50 8389

原创 vue视频切片并读取base64

视频切片上传,文件流转成base64

2022-05-25 16:34:05 1069

原创 字符串‘20220101’转化成日期‘2022-01-01’

时间转换

2022-04-26 17:24:44 7942 2

原创 vue得到的某一时间与当前时间作比较

比较时间封装成全局的方法首先创建一个utils文件夹,再创建一个compareTime.js文件用来写我们的代码。js//输入的时间是'2022/3/11 12:00'这种格式export const compareTime = (gettime) => { var today = new Date() //获取当前时间 gettime = gettime.replace(/-/g, '/'); //转化成时间戳作比较 var endTime = new Date(getti

2022-03-11 15:31:21 8165

原创 vue使用element发送手机验证码倒计时

发送验证码倒计时html <el-form class="form" :model="form" labeal-position="left"> <el-form-item label="姓名"> <el-input v-model="form.Name" placeholder="请输入姓名"></el-input> </el-form-item> <el-form-ite

2022-03-11 14:43:23 1805

原创 element upload限制图片上传格式

限制图片的格式html部分点击选择图片的正常操作是只会出现图片格式如果选择所有文件,我们就要重新进行验证在选择照片的时候我们就要进行判断,所以是在on-change事件中判断是否为照片格式。先封装一个isImage方法: isImage(fileName) { if (typeof fileName !== 'string') return; let name = fileName.toLowerCase(); return name.endsWith('.pn

2021-12-15 11:10:46 1628

原创 element upload 到达limit后隐藏上传按钮

element upload 到达limit后隐藏上传按钮<el-form-item label="照片" prop="img" label-width="90px"> <el-upload ref="upload" action="#" list-type="picture-card" :limit="1" :auto-upload="false" :on-remove="handleRemove" :on-change="handlechange"> <i

2021-09-29 10:26:12 716 2

原创 vue路由配置 封装post请求

封装post请求新建vue.config.js文件截图不完整就把它收起来了,下方是完整代码const webpack = require('webpack')module.exports = { devServer: { overlay: { //eslint报错,前端取消遮罩层 warnings: false, errors: false }, proxy: { "/info": { target: "要请求的域名", changeOrigin:

2021-06-23 15:02:39 1261

原创 登录验证码

登录验证码样式js部分html代码// <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="0px" class="ms-content"> <el-form-item prop="username"> <el-input v-model="ruleForm.username" placeholder="username"> <i

2021-04-01 18:04:23 122

原创 CSS基础

CSS简介英文全名:cascading style sheets(百度百科) === cascading style sheet层叠样式表,WEB标准中的表现标准语言,表现标准语言在网页中主要对网页信息的显示进行控制,简单说就是如何修饰网页信息的显示样式。目前推荐遵循的是W3C发布的CSS3.0.用来表现XHTML或者XML等样式文件的计算机语言。1998年5月21日由w3C正式推出的c...

2020-03-31 12:44:54 101

空空如也

空空如也

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

TA关注的人

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