- 博客(39)
- 收藏
- 关注
原创 axios上传文件
1、request.jsimport axios from 'axios'// eslint-disable-next-line no-unused-varsimport { Message } from 'element-ui'// import store from '@/store'// create an axios instancelet base = ''// 判断环境变量if (process.env.NODE_ENV === 'production') { base
2022-04-29 10:01:16
6853
1
转载 转载:Css 实现漂亮弧形(不要再特意用图片做背景了)
原文链接:https://zhuanlan.zhihu.com/p/95665269在实现页面五花八门的有特色的ui时,我们有时会遇到要用实现一个弧形,而这样的弧形要怎么实现呢?用图片?好像不大现实,因为这样就要无故多加载一张图片了,这里我们来说说怎么用css的after伪类来实现弧形。先是一写元素,再给这个元素设置样式和伪类样式<view class="pure_top"></view>比如说这个pure_top元素(因为这里是小程序所以用的是view,h5.
2021-08-12 16:40:22
936
转载 转载:vue实现高度不固定元素的展开收起
const elTransition = '0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out'const Transition = { 'before-enter' (el) { el.style.transition = elTransition if (!el.dataset) el.dataset = {} el.dataset.oldPaddi.
2021-03-31 09:59:50
607
原创 echarts地图上绘制堆叠柱状图并切换地市
1、echarts地图上绘制堆叠柱状图1、jsimport echarts from 'echarts'function initMap(myChart, region, geoCoordMap, rawData) { myChart.showLoading() // 市区坐标 let option = { tooltip: { show: true, trigger: 'item', // 是否设置让提示框的内容一直显示 默认.
2021-03-02 16:52:37
4041
9
原创 el-table表格动态合并行
记录一下 ,先放图html:<el-table :data="tableData" :span-method="objectSpanMethod" :height="tableHeight" border>....</el-table>在data中定义js:methods: { // 处理数据 initData(data) { this.tableData = data..
2021-02-02 14:57:22
670
2
转载 转载:vue-router跳转时打开新页面的两种方法
1、<vue-link>标签实现新窗口打开官方文档中说 v-link 指令被 <router-link> 组件指令替代,且 <router-link> 不支持 target="_blank" 属性,如果需要打开一个新窗口必须要用<a>标签,但事实上vue2版本的 <router-link> 是支持 target="_blank" 属性的(tag="a"),如下:<router-link target="_blank" :to=".
2020-12-26 16:01:37
334
转载 (转载):数组filter,find,map,some,every,reduce的用法简单梳理
原文链接一、filter 数组的过滤或筛选功能,根据筛选条件返回一个包含符合条件元素的新数组,不影响原数组,筛选条件写在一个函数中let arr= [ {id:1,name: "a", age: 18}, {id:2,name: "b", age: 15}, {id:3,name: "c", age: 16}, {id:4,name: "d", age: 17}, {id:5,name: "e", age: 19}]let newarr=ar.
2020-12-11 15:10:47
167
原创 axios下载文件
1.http.jsimport axios from 'axios'; // 引入axiosexport function postDown(url, params) { return new Promise((resolve, reject) => { axios.post(url, params, {responseType: 'blob'}) .then(res => { resolve(res); })
2020-12-01 14:53:44
199
原创 el-table自定义表头,给表头添加点击事件
1、slot="header"<el-table-column prop="handle"> <template slot="header"> <span @click="seeDetail">查看详情</span> <span class="explain" @click="seeHandle">只查看待处理</span> </template> <t
2020-10-20 14:41:49
6637
原创 获取指定日期的前几天,后几天
// 获取指定日期的前几天,后几天 day 传-1表示前一天,传1表示后一天function getNextDate(date,day) { var dd = new Date(date); dd.setDate(dd.getDate() + day); var y = dd.getFullYear(); var m = dd.getMonth() + 1 < 10 ? "0" + (dd.getMonth() + 1) : dd.getMonth() + 1;.
2020-09-01 11:41:29
296
转载 flex布局,让2个高度不固定的元素占满屏幕
如何通过css的方法获取高度不确定的元素高度<div class="outer"> <div class="head"></div> <div class="content"></div></div>outer 的高度是屏幕的高度head 的高度是不确定的如何通过纯css使得 content 的高度是 outer 减 head 后的呢?.outer { display: flex; f
2020-08-10 16:15:23
4292
转载 js 将一个数组重组为n个一组的新数组
原文连接// 处理数组function handleArray(data, num) { let result = []; for(let i = 0; i < data.length; i += num){ result.push(data.slice(i, i + num)); } return result;}原数组长度为9,重新组成为4个一组的新数组...
2020-07-10 16:33:43
671
原创 pdf.js 移动端展示预览文件
地址:插件地址自己使用时,预览ppt有时显示会出现问题,文字在手机端很大挨在一起变成一团黑块,后来把renderType设成canvas就正常了let pdfh5 = new Pdfh5('#onlineOffice', { URIenable:false, pdfurl: urlPdf, renderType: 'canvas' // lazy:true});...
2020-07-09 11:11:38
411
原创 函数封装过期控制代码 根据时间控制缓存
//函数封装过期控制代码 根据时间控制缓存function setSession(key, value) { var curTime = new Date().getTime(); window.sessionStorage.setItem(key, JSON.stringify({ data: value, time: curTime }));}function getSession(key, exp) { var data = w.
2020-07-01 10:28:04
174
转载 javascript比较两个时间的大小
第一种:转换为date对象进行比知较操作道<script>var st="2009-10-20 14:38:40"var et="2009-10-20 15:38:40"var stdt=new Date(st.replace("-","/"));var etdt=new Date(et.replace("-","/"));if(stdt>etdt) alert("开始时间必须小于结束版时间")</script>第二种:直接比权较大小即可<scr.
2020-05-13 16:45:28
892
原创 moment.js获取日期
console.log('今天:' + this.$moment().format("YYYY-MM-DD"))console.log('昨天:' + this.$moment().subtract(1, 'days').format("YYYY-MM-DD"))console.log('明天:' + this.$moment().add(1, 'days').format("YYYY-MM...
2020-04-15 11:44:29
3185
原创 el-date-picker高度重设时,改变图标的位置
// elment-ui日期选择框的日历图标和清除图标默认样式修改/deep/ .el-input__prefix,/deep/ .el-input__icon { line-height: 30px;// 可以通过设置行高改变图标在竖直方向上位置}...
2020-03-26 10:00:08
6458
原创 获取url地址参数
function getRequest() { var url = location.search // 获取url中"?"符后的字串 var theRequest = new Object() if (url.indexOf('?') !== -1) { var str = url.substr(1) var strs = str.split('&') ...
2020-03-10 16:51:35
208
原创 echarts图表无数据无时,在页面显示暂无数据
var option = { title: { text: '暂无数据', x: 'center', y: 'center', textStyle: { color: '#fff', fontWeight: 'normal', fontSize: 16...
2019-12-31 09:43:52
15857
原创 通过时间判断属于早中晚
function getDateNode(){ var dateHours=new Date().getHours(); var dateNode=""; if(dateHours >= 0 && dateHours <6){ dateNode="早上好" }else if(dateHours >= 6 &a...
2019-12-26 17:51:05
867
原创 echarts绘制立体柱状图
效果图:<template> <div class="app_rank"> <div id="echart_box"></div> </div></template><script>export default { name: 'carRank', components: ...
2019-12-26 16:35:25
7047
1
转载 js判断字符串是否是json格式
function isJSON(str) { if (typeof str == 'string') { try { var obj=JSON.parse(str); if(typeof obj == 'object' && obj ){ return true; ...
2019-12-10 10:09:08
831
原创 echarts饼状图初始化默认高亮第一条数据并显示第一条数据的toolTip提示框
效果图:代码:var data = [ {name:'新疆金风',value:18,percent: 22.5}, {name:'上海电器',value:27,percent: 33.75}, {name:'金风科技',value:35,percent: 43.75}];initEchartPie("plantDisPie", data);functi...
2019-10-15 14:15:43
5196
原创 echarts柱状图横向 名字过长时显示省略号
实现效果:var data = ["19.60", "18.90", "13.00", "9.90", "6.00", "4.90", "3.90"];var yName = ["中电中国风xxxxx", "山东润海风xxxx", "中能易电新xxxx", "中海油新能xxx", "山东诚尚能xxxx", "北京天润新xxxx公司", "山东华宇合金xxxx公司"];var ...
2019-10-15 11:20:06
4138
转载 vue-cli3.x中public和assets的区别
咱们先抛出问题:我在根目录新建了文件里面是有数据的,我打开浏览器输http://localhost:8080/hello.json是请求不到的,它会自动给你返回到首页但是如果我们在去获取静态目录下的json文件就可以:已经获取到了这个json数据:vue-cli3.0有两个放置静态资源的目录分别是public和assets。public放不会变动的文件(相当...
2019-09-29 11:34:16
8015
1
原创 vue中使用echarts在地图上绘制散点图,并根据数值大小实现不同效果
1、echarts省市地图上根据数值大小给散点设置不同颜色,地图颜色不根据数值大小渲染,自己设置颜色<script> //引入基本模板 let echarts = require('echarts/lib/echarts') // 引入组件 require('echarts/lib/chart/map') // 引入地图js文件 ...
2019-09-27 15:04:38
7906
2
转载 echarts markline如何将两条线颜色分别设置
var option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value' }, series: [{ da...
2019-09-24 17:04:14
6509
4
原创 layui日周月年的日历切换,当选择周时设置每周一可选,其余日期置灰不可选
效果图:代码:日期都是放在一个table里面的,每个日期都是一个td,要想设置周一不可选,只需要给其余td都加上class="laydate-disabled",在ready和change的时候都要进行设置<!DOCTYPE html><html><head> <meta charset="utf-8"> &...
2019-09-05 11:11:36
4269
原创 如何修改Element-UI的input样式
.el-input__inner { height: 33px; font-size: 13px; box-shadow: none; border: 1px solid #e9e9e9;} .el-input__inner:hover { border-color: #e9e9e9;} .el-input__inner:focus { ...
2019-08-29 17:38:45
7430
3
原创 el-table分页展示数据
一次请求将全部要展示的数据获取到,分页在前端对数据进行处理进行分页展示<el-table :data="handleList.slice((currentPage-1)*pageSize,currentPage*pageSize)" :show-header="true" :height="$store.state.clientHeight - 134" ...
2019-08-17 17:49:15
14144
9
原创 el-pagination分页默认样式修改
element-ui的默认样式:修改后的样式:代码:/*设置xx条/页的框的颜色*/.el-select .el-input.is-focus .el-input__inner,.el-pagination__sizes .el-input .el-input__inner:hover,.el-select .el-input__inner:focus { bo...
2019-08-17 17:37:24
22217
7
原创 echarts图例显示数据信息(以环形图为例)
效果图:代码: var color_1 = ["#fe6249", "#e39c49", "#ffc184", "#fdffe2"]; var data_1 = [ {name:'三级风险数量',value:0}, {name:'四级风险数量',value:0}, {name:'五级...
2019-08-13 16:11:14
8585
1
原创 在vue中修改el-tree前面的图标以及高亮点击的节点,点击父节点前图标展开和收缩子节点,点击父节点内容不展开和收缩子节点
默认图标:修改后的图标:代码:/*树节点前面的图标修改*/.el-tree .el-tree-node__expand-icon.expanded{ -webkit-transform: rotate(0deg); transform: rotate(0deg);}.el-tree .el-icon-caret-right:before{ b...
2019-08-13 16:08:06
5251
原创 设置el-table的表格头部样式和每一行样式
<el-table :data="jxpData" :show-header="true" :row-style="tableRowStyle" :header-cell-style="tableHeaderStyle" max-height="300" style="width: 100%; overflow-y:auto;" >m...
2019-08-13 15:56:55
7167
原创 el-tree点击子节点,同时获取子节点和父节点的id
<el-tree class="filter-tree" :data="treeData" :props="defaultProps" default-expand-all :filter-node-method="filterNode" ref="tree" @node-click="clickTree" :style="{ height:...
2019-08-13 15:52:56
6984
2
原创 设置滚动条的颜色
/*滚动条设置*/::-webkit-scrollbar{ width: 10px; height: 10px;}::-webkit-scrollbar-track{ border-radius: 10px; background-color: #efefef;}::-webkit-scrollbar-thumb{ border-radius: 10...
2019-08-13 15:39:58
1783
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人