- 博客(30)
- 收藏
- 关注
原创 elementUI中Upload 上传图片,上传成功之后。鼠标移入图片位置出现放大和删除按钮
1、未上传图片时样式2、上传成功之后样式 2-1、删除效果 2-2放大效果3、代码部分3-1、组件封装(子组件)<template><divclass="uploadSing"><el-uploadv-if="ossUpload"v-loading="loading"class="avatar-uploader":action="action":show-file-...
2020-11-13 11:13:23 6377
原创 elementUI tree动态渲染编辑时,选择父级时会全选所有的子级(回显时父节点和子节点都会被选中)
效果:解决方法 <el-tree:data="systemTree"show-checkboxnode-key="code":check-strictly="systemNodeFlag"...
2020-05-08 10:53:02 3980 5
原创 table表格标题换行
<el-table :data="tableData" style="width: 100%" max-height="100%"> <el-table-column :render-header="renderHeader" prop="testDriveDuration" label="试驾时长(分秒)" width="100"> <temp...
2020-03-05 15:21:15 1406
原创 js递归循环数组(tree结构数据)
var tdata = [{"bs": "no","child": [],"deptCode": "4811ca4f951e4ae4bb4a3c01b17aff6e","deptName": "百得利","gmtCreate": "2020-02-25 11:22:57","gmtModified": "2020-02-28 09:52:08","id": 24,"...
2020-02-28 16:27:43 2794
原创 苹果手机,关闭软键盘,留白问题处理
fixScroll(){document.activeElement.scrollIntoViewIfNeeded(true)||window.scrollTo(0,0)}
2020-01-07 17:33:19 643
原创 60s倒计时
sendCheckCodeFun(){lettime=60this.sendCodeText=time+'s后重发'lettimeClock=setInterval(()=>{if(time==0){clearInterval(timeClock)...
2020-01-07 17:32:01 261
原创 32位随机数生成
guid(){return'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g,function(c){letr=(Math.random()*16)|0,v=c=='x'?r:(r&0x3)|0x8returnv....
2020-01-07 17:29:56 1598
原创 如何实现复制功能:ios和安卓都使用
copyAddressClick(val){ //参数val,是需要复制的内容window.getSelection().removeAllRanges()varinput=document.createElement('input')input.setAttribute('id','copyId')input...
2020-01-07 17:29:03 322
原创 url参数处理
leturl='https://mobyqas.xbotech.com/moby-mall/mobile/index.html?from=singlemessage#/customerActivity/homeActivity?activityKey=Benz&subKey=classA'//判断url后面带几个?号if(location.search){...
2020-01-07 17:23:33 426
原创 前端:表情包处理
效果图:代码:需要加密解密: encodeURIComponent()加密,decodeURIComponent()解密例子:
2019-12-04 11:49:13 1610
原创 H5页面导出成pdf文件
效果图代码<script>import html2Canvas from 'html2canvas' //下载依赖 npm installhtml2Canvasimport JsPDF from 'jspdf' //下载依赖 npm installJsPDFexport default { data(){ htmlTitle: '...
2019-03-13 15:44:30 11275 2
原创 JS实现电子签名
效果图代码实现<template> <section class="signature"> <div class="signatureBox"> <div class="canvasBox" ref="canvasHW"> <canvas @touchs
2019-03-13 14:43:31 6936 1
原创 sessionStorage存数据,存得是字符串类型数据
1、存数据sessionStorage.setItem('isVolvo', resp.payload.isVolvo)2、取数据let getDatas = sessionStorage.getItem('isVolvo')//console.log(typeOf getDatas) String(字符串类型)...
2019-03-13 14:34:26 3726
原创 base64图片展示(后端给base64数据,前端展示图片)
<img :src="imageData" alt="" class="sign-img-style"><script> export default { data: { return { imageData: '', } ...
2019-02-27 16:05:43 23721 1
原创 时间戳转成(年、月、日)
let getDate = new Date('2018-9-10') //年、月、日 或者 let getDate = new Date(1551187357000) //时间戳let newDatas =getDate.getFullYear() +'年' +(getDate.getMonth() + 1) +'月' +getDate.getDate() +'日'cons...
2019-02-27 15:53:26 3782
原创 前端直接调用银联支付接口,使用form表单访问银联
直接调转到银联页面银联支付<template> <div class="pay"> <form action="https://gateway.95516.com/gateway/api/frontTransReq.do" method="post" id="payUniconSubmit">
2018-11-30 14:06:17 6187 4
原创 vue中input使用注意
正确用法使用v-show控制input显示隐藏<template> <div class="pay"> <div v-show="false"> <input type="text" v-for="(i, index) in Object.keys(listData)" :k
2018-11-30 13:43:43 2918
原创 input去掉光标
效果:<div class="parking-box"> <input type="text" class="title-val" placeholder="请输入手机号码" /></div>style样式.parking-box input { caret-color: transpa
2018-11-15 13:23:55 3109
原创 移动端分页(懒加载,三个菜单切换在Vue中应用)
<template> <div id="historicalEvaluation"> <headMod :pageTitle="pageTitle"></headMod> <div class="historicalEvaluationWarpHead">
2018-09-28 17:52:49 1692
原创 vue项目axios请求加loading
效果展示:1.在src文件夹里面找到main.js文件2.在main.js中引入axios,引入mint-ui import Axios from 'axios'; import Mint from 'mint-ui'; Vue.use(Mint);3.发起请求,打开loading //请求拦截器 Axios.intercept...
2018-07-10 11:32:52 7791
原创 Vue脚手架使用步骤
1、安装webpack全局安装webpack命令行: npm install webpack -g2、安装vue-cli脚手架构建工具全局安装,输入命令行: npm install vue-cli -g安装完成后执行命令: vue -V 查看版本号,出现相应得版本即为安装成功3、通过vue-cli,初始化vue项目通过以上几步,将我们安装脚手架所需要的环境和工具都准备好好了,下面就可以使用vu...
2018-06-19 12:10:35 14963
原创 input获得select的内容并显示在输入框中(可以选中单个值)
html: <input type="text" id="expertIdt" name="expertIdt" maxlength="11" class="form-control acvs-v-notnull" onchange="setRuleContent1()" /> <select multiple="multiple&q
2018-05-08 16:57:05 12546 2
原创 jqGrid显示序号列
1、显示序号列要在jqgrid加上一个属性: rownumbers: true, //显示序列号此时序号列是可以正常显示了,但是序号列的表头没有标题”序号“两个字,是空的,看上去不舒服,那么下一个小技巧就是为任意列设置标签。2、为序号列设置标签:// 为序号列添加标题jQuery(user_selector).jqGrid('setLabel','rn', '序号', {'text-...
2018-04-18 14:19:50 9946 1
原创 修改echarts上下左右边离
grid: { left: '3%', //距离左边的距离 right: '6%', //距离右边的距离 bottom: '8%',//距离下边的距离 top: '12%' //距离上边的距离 },
2018-01-15 17:14:14 15221
原创 如何让文字居中
/*样式设置*/.box {position: relative;}.box-main {width: 400px;height: 400px;background: #f40;position: absolute;left: 20%;top: 20%;}.box-size {width: 20px;/*line-height: 20
2018-01-15 15:36:30 2132
原创 ECharts鼠标移动到图标上面如何给数据加单位
可以在ECharts中的------》”tooltip“定义鼠标hover时的样式及添加单位;例子: var option = { color:['#F28200','#4ECC73','#976CE5','#3DB4FF','#4ECCC2','#D5D8C6'], title: { // text: '未来一周气温变
2018-01-02 10:06:07 7705 3
原创 圆形指示器修改
圆形指示器radialIndicator修改 修改后的圆形指示器 .cicle { width: 400px; height: 400px; background: #e3e3e3; margin: 200px auto;
2017-12-16 14:56:16 362
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人