随笔分类 -  日常踩坑

ant-desgin-vue 更改主题颜色
摘要：1、找到vue.config.js文件 module.exports = { css: { loaderOptions: { less: { modifyVars: { //在此处设置，也可以设置直角、边框色、字体大小等 'primary-color': '#7c6dc5', }, javascri 阅读全文
posted @ 2020-08-26 11:34 雅士伊人 阅读(5150) 评论(0) 推荐(1) 编辑
解决element-ui ，页面被$router.push("xxx")跳转后，导航菜单高亮无变化
摘要：在做项目的时候遇到了这个坑，解决方案如下： 使用菜单栏进行路由跳转有几个注意点： 1. 在el-menu加上router 2. index必须绑定路由的path,参考上面的例子，'/'不能少 3. default-active设为当前路由（this.$route.path）,这样在路由变化的时候，对 阅读全文
posted @ 2020-08-08 23:11 雅士伊人 阅读(3193) 评论(0) 推荐(1) 编辑
原生js添加文字水印
摘要：watermark('这是第一段文字','这是第二段文字') function watermark(t1,t2) { var mark_divs = document.getElementsByClassName('mark_div') if(mark_divs.length > 0){ for(v 阅读全文
posted @ 2020-08-07 15:28 雅士伊人 阅读(1266) 评论(0) 推荐(0) 编辑
前端下载pdf等文件
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-08-06 17:36 雅士伊人 阅读(883) 评论(0) 推荐(0) 编辑
移动端保存当前屏幕内容为图片，canvas图片拼接
摘要：需求：1、移动端点击分享时，截屏当前屏幕，并保存为图片 2、将截屏的图片与一张二维码图片进行拼接后，生成一张新的图片 技术栈：html2canvas.js、canvas2image.js 代码：（jquery和原生js混写了，不是很规范） <script type="text/javascript" 阅读全文
posted @ 2020-01-14 09:40 雅士伊人 阅读(720) 评论(0) 推荐(0) 编辑
echarts圆饼图设置默认选中项并在中间显示文字
摘要：效果： 代码： // 当鼠标移入时，如果不是第一项，则把当前项置为选中，如果是第一项，则设置第一项为当前项 myChart.on('mouseover',function(e){ myChart.dispatchAction({type: 'downplay',seriesIndex: 0,data 阅读全文
posted @ 2019-09-19 14:51 雅士伊人 阅读(18664) 评论(0) 推荐(1) 编辑
echart两组柱状图对比时，不同类型根据各类型的最大值为基准进行展示
摘要：项目中遇到的问题：因为数据太小，箭头的地方展示不出来，这时的两组对比数据是根据一个最大值为基准进行渲染的。但我们想实现不同类型的对比根据不同的基准值渲染。 理想效果如下图： 实现代码： 阅读全文
posted @ 2019-05-30 19:05 雅士伊人 阅读(1495) 评论(0) 推荐(0) 编辑
vue中动态设置echarts画布大小
摘要：document.getElementById('news-shopPagechart').style.height = this.heightpx2+'px'; //heightpx2定义在data中，用于动态设置高度 let shopCharts = this.$echarts.init( document.getElementById("news-shopPagechart") ); ... 阅读全文
posted @ 2019-05-14 11:21 雅士伊人 阅读(11411) 评论(0) 推荐(1) 编辑
vue 移动端在div上绑定click事件 失效
摘要：在.vue的文件中使用了better-scroll，在div标签上绑定click事件后，无效。 原因：使用了better-scroll，默认它会阻止touch事件。所以在配置中需要加上click: true 即可解决 阅读全文
posted @ 2019-02-21 13:37 雅士伊人 阅读(3500) 评论(0) 推荐(0) 编辑
vue报错 [Intervention] Ignored attempt to cancel a touchmove event with cancelable
摘要：在vue开发中使用vue-awesome-swiper制作轮播图，手动拖动时会报错，解决方案： 需要滑动的标签 { touch-action: none; } touch-action:none touch-action ：当你触摸并按住触摸目标时候，禁止或显示系统默认菜单。 touch-actio 阅读全文
posted @ 2019-02-20 10:06 雅士伊人 阅读(9175) 评论(0) 推荐(0) 编辑
echarts设置数据在轴线上显示
摘要：项目中遇到数据需要在右侧显示，如图，直接上代码： 1、需要在哪个轴上显示 就把那个轴写成一个数组 2、分别设置一下定位和数据即可（如下图红色部分） 阅读全文
posted @ 2018-11-21 14:14 雅士伊人 阅读(1664) 评论(0) 推荐(0) 编辑
echarts设置柱状图颜色渐变及柱状图粗细大小
摘要：series: [ { name: '值', type: 'bar', stack: '总量', //设置柱状图大小 barWidth : 20, //设置柱状图渐变颜色 itemStyle: { normal: { color: new echarts.graphic.LinearGradient 阅读全文
posted @ 2018-11-21 11:12 雅士伊人 阅读(11772) 评论(0) 推荐(0) 编辑
echarts设置网格线颜色
摘要：隐藏网格线： 阅读全文
posted @ 2018-11-21 11:03 雅士伊人 阅读(39925) 评论(0) 推荐(2) 编辑
echarts更改坐标轴文字颜色及大小
摘要：xAxis: { data: anameArr, axisLabel: { show: true, textStyle: { color: '#c3dbff', //更改坐标轴文字颜色 fontSize : 14 //更改坐标轴文字大小 } }, axisTick... 阅读全文
posted @ 2018-11-21 10:31 雅士伊人 阅读(43192) 评论(0) 推荐(3) 编辑
echarts更改轴线颜色
摘要：xAxis : [ { type : 'category', data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'], //设置轴线的属性 ... 阅读全文
posted @ 2018-11-21 10:21 雅士伊人 阅读(6625) 评论(0) 推荐(0) 编辑
express框架中使用nodemon自启动服务
摘要：1、安装nodemon 2、修改package.json配置 3、命令行中输入npm run dev 阅读全文
posted @ 2018-11-17 18:26 雅士伊人 阅读(1432) 评论(0) 推荐(0) 编辑
swiper如何禁止左右箭头切换
摘要：swiper做项目时，需求 带着左右两边的箭头， 场景1：swiper自动切换，此时左右箭头点击时不能切换 场景2：swiper手动切换，左右箭头可以实现切换，通过翻阅api 终于找到 官网地址：https://www.swiper.com.cn/api/swiping/64.html 阅读全文
posted @ 2018-11-16 15:04 雅士伊人 阅读(3309) 评论(0) 推荐(0) 编辑
swiper如何禁止用户滑动
摘要：禁止用户滑动，只需要在最外层添加class “swiper-no-swiping” 阅读全文
posted @ 2018-11-16 14:59 雅士伊人 阅读(15182) 评论(0) 推荐(0) 编辑
echarts更改折线图区域颜色、折线颜色、折点颜色
摘要：series : [ { name:'订单流入总数', type:'line', stack: '总量', areaStyle: { normal: { color: '#8cd5c2' //改变区域颜色 } }, itemStyle : { normal : { color:'#8cd5c2', 阅读全文
posted @ 2018-10-31 14:47 雅士伊人 阅读(32962) 评论(1) 推荐(0) 编辑

点击右上角即可分享
微信分享提示