自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 项目中常用echarts属性集合——地图

1.引入map.json(示例地图为浙江省)import mapData from ‘…/…/assets/map.json’json文件可到此处下载2. getMap() { //获取地图 let char = this.$echarts.init(document.querySelector('#map')) let geoCoordMap = {//地图上散点坐标 杭州市: [119.300576, 29.999999],

2020-11-26 11:25:43 1167

原创 项目中常用echarts属性集合——柱状图

项目中常用echarts属性集合 let myChart = this.$echarts.init(document.getElementById('echartsVal')) myChart.setOption({ tooltip: { trigger: 'axis', axisPointer: { // 坐标轴指示器,坐标轴触发有效 type: 'shadow', // 默认为直线,可选

2020-11-26 10:42:17 277

原创 接收后台传的二进制流并下载excel

letblob=newBlob([res.data],{type:'application/vnd.ms-excel'})//规定文件类型res就是返回你的数据流了,这里是excel类型letobjectUrl=URL.createObjectURL(blob)window.open(objectUrl,'target')...

2020-11-26 10:15:23 651

原创 vue 打印页面 不用打印插件(数据页面分页,页面转成图片再打印)

在最近做的项目中,要用到打印的功能,在这期间可谓是改了很多版。本来是直接使用在表格上打印(要用到print插件),可是后来发现直接打印的会出现排版的问题,然后又转成的图片,图片再转成Pdf直接打印。我这里演示的是当数据多的时候,如何打印多张表格。好了,现在来说说做的过程把。1.下载将页面转成为图片的插件html2canvas,2.将要打印的内容加上ref3.添加一个Img的标签,用来存放生成的图像(这里的style不用加Height,不然图片会变形,ref也不需要加这里)...

2020-11-26 10:12:21 953 2

原创 echarts地图symbol自定义图片

在echarts制作的地图里,很多时候需要在地图上加小图标,那么他自定义的图标是在symbol里面定义的,但是有很多时候我们想用自己自定义的图标,这个时候该如何表示呢?symbol:'image://'+require('./img/water.png'),require里面是图片的路径,这样,一个自定义图标的地图就做好啦,有需要的小伙伴可以试试哦...

2020-11-24 09:47:18 2123 3

原创 vue引入如何使用不同字体

1.将字体包(比如 Alibaba-PuHuiTi-Regular.ttf)放入assets文件夹里面2.新建一个css文件,如 index.css(注:要记得在main.js引入),在里面写入@font-face{font-family:Regular;src:url('../assets/Alibaba-PuHuiTi-Regular.ttf'); font-weight:normal;}3.使用,如.name{font-family:Regu...

2020-10-12 13:52:34 1553 1

原创 offsetWidth/offsetHeight clientWidth/clientHeight影响因素

✔代表有影响小伙伴们可以去试试看哦 width margin padding border offsetWidth/offsetHeight ✔ X ✔ ✔ clientWidth/clientHeight ✔ X ✔ X

2020-06-28 09:39:02 101

原创 width:calc(100% - 20px) 无效

**width:calc(100% - 20px) 无效在最近做项目的时候,在设置div的宽度的时候,发现width:calc(100%-20px)没有效果,这里在console端显示的是这样的一开始我以为是其他的地方设置的width将他覆盖了,但是我把它改成90%就生效了。说明不是被覆盖。在探索了很久以后,我发现竟然是**减号两边没有加空格!!!**啊~多么不可原谅的错误总结:错误写法:calc(100%-20px)正确写法:calc(100% - 20px)...

2020-06-13 11:20:13 3665 3

空空如也

空空如也

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

TA关注的人

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