摘要: 1、找到vue.config.js文件 module.exports = { css: { loaderOptions: { less: { modifyVars: { //在此处设置,也可以设置直角、边框色、字体大小等 'primary-color': '#7c6dc5', }, javascri 阅读全文
posted @ 2020-08-26 11:34 雅士伊人 阅读(4826) 评论(0) 推荐(1) 编辑
摘要: 在做项目的时候遇到了这个坑,解决方案如下: 使用菜单栏进行路由跳转有几个注意点: 1. 在el-menu加上router 2. index必须绑定路由的path,参考上面的例子,'/'不能少 3. default-active设为当前路由(this.$route.path),这样在路由变化的时候,对 阅读全文
posted @ 2020-08-08 23:11 雅士伊人 阅读(3045) 评论(0) 推荐(1) 编辑
摘要: 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 雅士伊人 阅读(1190) 评论(0) 推荐(0) 编辑
摘要: <!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 雅士伊人 阅读(829) 评论(0) 推荐(0) 编辑
摘要: 移动端比较常用的一种效果,图片部分可以左右滑动,如下: 上代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-widt 阅读全文
posted @ 2020-02-17 20:09 雅士伊人 阅读(1122) 评论(0) 推荐(0) 编辑
摘要: 需求:1、移动端点击分享时,截屏当前屏幕,并保存为图片 2、将截屏的图片与一张二维码图片进行拼接后,生成一张新的图片 技术栈:html2canvas.js、canvas2image.js 代码:(jquery和原生js混写了,不是很规范) <script type="text/javascript" 阅读全文
posted @ 2020-01-14 09:40 雅士伊人 阅读(680) 评论(0) 推荐(0) 编辑
摘要: 效果: 代码: // 当鼠标移入时,如果不是第一项,则把当前项置为选中,如果是第一项,则设置第一项为当前项 myChart.on('mouseover',function(e){ myChart.dispatchAction({type: 'downplay',seriesIndex: 0,data 阅读全文
posted @ 2019-09-19 14:51 雅士伊人 阅读(17690) 评论(0) 推荐(1) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{margin: 0;padding: 0} #wrap{width: 600px; margin:20px auto; font-size: 14px;border: 1px solid #ccc;} #tabs 阅读全文
posted @ 2019-09-13 21:59 雅士伊人 阅读(458) 评论(0) 推荐(0) 编辑
摘要: 项目中遇到的问题:因为数据太小,箭头的地方展示不出来,这时的两组对比数据是根据一个最大值为基准进行渲染的。但我们想实现不同类型的对比根据不同的基准值渲染。 理想效果如下图: 实现代码: 阅读全文
posted @ 2019-05-30 19:05 雅士伊人 阅读(1416) 评论(0) 推荐(0) 编辑
摘要: 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 雅士伊人 阅读(11339) 评论(0) 推荐(1) 编辑