摘要：
1、找到vue.config.js文件 module.exports = { css: { loaderOptions: { less: { modifyVars: { //在此处设置，也可以设置直角、边框色、字体大小等 'primary-color': '#7c6dc5', }, javascri 阅读全文
posted @ 2020-08-26 11:34
雅士伊人
阅读(5236)
评论(0)
推荐(1)
摘要：
在做项目的时候遇到了这个坑，解决方案如下： 使用菜单栏进行路由跳转有几个注意点： 1. 在el-menu加上router 2. index必须绑定路由的path,参考上面的例子，'/'不能少 3. default-active设为当前路由（this.$route.path）,这样在路由变化的时候，对 阅读全文
posted @ 2020-08-08 23:11
雅士伊人
阅读(3254)
评论(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
雅士伊人
阅读(1295)
评论(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
雅士伊人
阅读(898)
评论(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
雅士伊人
阅读(1198)
评论(0)
推荐(0)
摘要：
需求：1、移动端点击分享时，截屏当前屏幕，并保存为图片 2、将截屏的图片与一张二维码图片进行拼接后，生成一张新的图片 技术栈：html2canvas.js、canvas2image.js 代码：（jquery和原生js混写了，不是很规范） <script type="text/javascript" 阅读全文
posted @ 2020-01-14 09:40
雅士伊人
阅读(731)
评论(0)
推荐(0)
摘要：
效果： 代码： // 当鼠标移入时，如果不是第一项，则把当前项置为选中，如果是第一项，则设置第一项为当前项 myChart.on('mouseover',function(e){ myChart.dispatchAction({type: 'downplay',seriesIndex: 0,data 阅读全文
posted @ 2019-09-19 14:51
雅士伊人
阅读(19030)
评论(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
雅士伊人
阅读(470)
评论(0)
推荐(0)
摘要：
项目中遇到的问题：因为数据太小，箭头的地方展示不出来，这时的两组对比数据是根据一个最大值为基准进行渲染的。但我们想实现不同类型的对比根据不同的基准值渲染。 理想效果如下图： 实现代码： 阅读全文
posted @ 2019-05-30 19:05
雅士伊人
阅读(1539)
评论(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
雅士伊人
阅读(11466)
评论(0)
推荐(1)
浙公网安备 33010602011771号