- 博客(15)
- 收藏
- 关注
RSS订阅原创 vue element-ui upload组件 上传图片按照固定尺寸任意剪裁
vue element-ui upload组件结合VueCropper 上传图片按照固定尺寸任意剪裁示例代码安装VueCroppernpm install vue-croppe在main.js全局引入import VueCropper from 'vue-cropper'Vue.use(VueCropper)上传组件 （上传剪裁后显示图片以及删除操作）<el-form-item style="width: 60%" size="medium" label="封面图片：" prop=
2021-09-27 14:47:31
1162
原创 vue 基于vue-seamless-scroll无缝滚动
vue 基于vue-seamless-scroll无缝滚动安装vue-seamless-scroll引入组件 在main.js全局引入或者在组件内局部引入完整代码如下安装vue-seamless-scrollnpm install vue-seamless-scroll --save引入组件 在main.js全局引入或者在组件内局部引入//全局引入 vue无缝轮播插件import scroll from 'vue-seamless-scroll'Vue.use(scroll)//局部引入
2021-09-27 14:08:39
193
原创 element ui 文件上传前的限制
element ui 文件上传前的限制格式限制获取上传文件后缀名称的函数方法大小限制如果上传的是图片 对图片进行大小比例限制除了获取上传文件后缀名称的函数方法这个方法之外 其他都要放在element ui 上传组件的before-upload方法里格式限制获取上传文件后缀名称的函数方法getFileType (name) { let startIndex = name.lastIndexOf(".") if (startIndex !== -1) { return name
2021-06-24 10:57:09
306
原创 js判断日期是否是近三天
js判断日期是否是近三天getDayName (d) { var td = new Date(); td = new Date(td.getFullYear(), td.getMonth(), td.getDate()); var od = new Date(d); od = new Date(od.getFullYear(), od.getMonth(), od.getDate()); var xc = (od - td) / 1000 / 60 / 60 / 2
2021-06-09 15:42:34
1174
原创 element ui 走马灯嵌套el-image 图片大小自适应
element ui 走马灯嵌套el-image 图片大小自适应<div style="margin-top: 20px" v-if="pictureList&&pictureList.length > 0"> <div style="width:900px;margin:0 auto;padding-bottom:0;"> <el-carousel :interval="5000" arrow="always" indicator
2021-06-09 15:38:12
5741
原创 element ui 走马灯 点击 查看原图高度受限制
一element ui 走马灯 点击 查看原图高度受限制在页面样式里加上下面代码即可.el-carousel__item.is-animating{ transform: none !important; }
2021-06-09 15:28:40
226
原创 vue手写轮播图带点击按钮 自动轮播
vue手写轮播图带点击按钮 自动轮播布局样式可自行修改为自己想要的布局样式可自行修改为自己想要的<div class="banner"> <div class="item"> <img :src="dataList[currentIndex]"> </div> <div class="page" v-if="this.dataList.length > 1"> <ul&
2021-06-09 15:20:50
990
原创 使用vue模拟复选框多选以及全选的效果
<div class="list"> <div @click="checkAll">全选</div> <div class="checkList" v-for="(item,index) in List" :key="index"> <div> <span class="che...
2019-11-26 15:34:44
448
原创 vue项目中模拟多选框选中效果
点击选中再次点击取消选中，并且不影响其他选项的选中效果。1、在data中创建 selectArr : [ ] 数组 “selectColor”是选中后的文字样式<li v-for="(item,index) in reasons" :key="index"> <div @click="selectReason(item,index)" :class="sele...
2019-11-26 14:00:53
643
原创 正则表达式大全
一.校验数字数字：^[0-9]*$n位的数字：^\d{n}$至少n位的数字：^\d{n,}$m-n位的数字：^\d{m,n}$零和非零开头的数字：^(0|[1-9][0-9]*)$非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?$正数、负数、和小数：^(\-|\+)?\...
2019-10-24 18:01:38
75
原创 时间格式化总结
//时间转换 例：2019/10/10 15:06:00 -> 2019年10月10日 15时06分00秒function dateFormatTime(time) { if (time) { let arr1 = time.split(" "); if (arr1[0].indexOf("/") != -1) { let s...
2019-10-14 11:26:02
94
原创 git的简单使用（多人协作开发）
大致流程确定一条分支为稳定版，一般选master主干，和角色权限有关（或某一固定分支，权限要修改），每人建立个人开发分支dev，格式参考：dev_姓名_开发模块_版本， 版本可选加个人分支开发完毕，推送远程仓库分支，再请求合并，由管理员处理后，可选删除分支测试人员拉取主干测试，有问题后，建测试分支修复，类似上面流程测试完毕后，打tag分支发布，命名参考发布版本，开发流程开发人员（zh...
2019-10-10 14:17:02
371
原创 jq多张图片切换src
<div class="slider_nav"> <ul> <li><a href="#"><img src="images/1.jpg" alt="" src_2="images/2.jpg" /></a></li> <li><a href="#"><...
2019-10-10 14:04:56
857
原创 jq自由拖拽的实现（两种）
jq拖拽自由拖动 $(".box").on({ mousedown: function(e){ var el=$(this); var os = el.offset(); dx = e.pageX-os.left, dy = e.pageY-os.top; $(document).on('mousemove....
2019-10-10 13:54:00
396
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人