- 博客(30)
- 收藏
- 关注
RSS订阅原创 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
6178
原创 elementUI tree动态渲染编辑时，选择父级时会全选所有的子级（回显时父节点和子节点都会被选中）
效果：解决方法 <el-tree:data="systemTree"show-checkboxnode-key="code":check-strictly="systemNodeFlag"...
2020-05-08 10:53:02
3891
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
1371
原创 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
2752
原创 苹果手机，关闭软键盘，留白问题处理
fixScroll(){document.activeElement.scrollIntoViewIfNeeded(true)||window.scrollTo(0,0)}
2020-01-07 17:33:19
624
原创 60s倒计时
sendCheckCodeFun(){lettime=60this.sendCodeText=time+'s后重发'lettimeClock=setInterval(()=>{if(time==0){clearInterval(timeClock)...
2020-01-07 17:32:01
238
原创 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
1495
原创 如何实现复制功能：ios和安卓都使用
copyAddressClick(val){ //参数val，是需要复制的内容window.getSelection().removeAllRanges()varinput=document.createElement('input')input.setAttribute('id','copyId')input...
2020-01-07 17:29:03
306
原创 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
395
原创 前端：表情包处理
效果图：代码：需要加密解密： encodeURIComponent（）加密，decodeURIComponent（）解密例子：
2019-12-04 11:49:13
1589
原创 H5页面导出成pdf文件
效果图代码<script>import html2Canvas from 'html2canvas' //下载依赖 npm installhtml2Canvasimport JsPDF from 'jspdf' //下载依赖 npm installJsPDFexport default { data(){ htmlTitle: '...
2019-03-13 15:44:30
11202
2
原创 JS实现电子签名
效果图代码实现<template> <section class="signature"> <div class="signatureBox"> <div class="canvasBox" ref="canvasHW"> <canvas @touchs
2019-03-13 14:43:31
6901
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
3668
原创 base64图片展示（后端给base64数据，前端展示图片）
<img :src="imageData" alt="" class="sign-img-style"><script> export default { data: { return { imageData: '', } ...
2019-02-27 16:05:43
23163
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
3744
原创 前端直接调用银联支付接口，使用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
6103
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
2874
原创 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
3072
原创 移动端分页（懒加载,三个菜单切换在Vue中应用）
<template> <div id="historicalEvaluation"> <headMod :pageTitle="pageTitle"></headMod> <div class="historicalEvaluationWarpHead">
2018-09-28 17:52:49
1673
原创 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
7756
原创 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
14891
原创 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
12483
2
原创 jqGrid显示序号列
1、显示序号列要在jqgrid加上一个属性： rownumbers: true, //显示序列号此时序号列是可以正常显示了，但是序号列的表头没有标题”序号“两个字，是空的，看上去不舒服，那么下一个小技巧就是为任意列设置标签。2、为序号列设置标签：// 为序号列添加标题jQuery(user_selector).jqGrid('setLabel','rn', '序号', {'text-...
2018-04-18 14:19:50
9820
1
原创 修改echarts上下左右边离
grid: { left: '3%', //距离左边的距离 right: '6%', //距离右边的距离 bottom: '8%',//距离下边的距离 top: '12%' //距离上边的距离 },
2018-01-15 17:14:14
15056
原创 如何让文字居中
/*样式设置*/.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
2118
原创 ECharts鼠标移动到图标上面如何给数据加单位
可以在ECharts中的------》”tooltip“定义鼠标hover时的样式及添加单位；例子： var option = { color:['#F28200','#4ECC73','#976CE5','#3DB4FF','#4ECCC2','#D5D8C6'], title: { // text: '未来一周气温变
2018-01-02 10:06:07
7610
3
原创 圆形指示器修改
圆形指示器radialIndicator修改 修改后的圆形指示器 .cicle { width: 400px; height: 400px; background: #e3e3e3; margin: 200px auto;
2017-12-16 14:56:16
347
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人