摘要: 目录: 一、vite 配置图片压缩打包【配置】 二、warning: “@charset“ must be the first rule in the file【警告问题】 三 ts找不到@模块【报错问题】 四、vite打包分类文件输出配置以及静态资源拆分【配置】 五、打包删除console配置 以 阅读全文
posted @ 2022-04-27 10:38 树叶铃铛 阅读(10643) 评论(4) 推荐(2) 编辑
摘要: 代码如下 let index = 0 this.y = setInterval(() => { const data = [1, 2, 3, 4] const len = data.length if ((index + 1) >= len) { console.log(data[index]) i 阅读全文
posted @ 2022-04-26 14:49 树叶铃铛 阅读(257) 评论(0) 推荐(0) 编辑
摘要: 案例 1.图片左右滚动 上图 效果描述 第一行向左滚动 第二行向右滚动 代码 ScrollImg组件 <template> <swiper :options="swiperOption" :dir="derection" class="companySP__srollImg"> <swiper-sl 阅读全文
posted @ 2022-04-26 11:24 树叶铃铛 阅读(780) 评论(0) 推荐(0) 编辑
摘要: 参考出坑https://blog.csdn.net/u012570307/article/details/107203851/ 一、安装 首先看看官网 https://www.swiper.com.cn/api/navigation/355.html 安装 因为我本地安装这样是无效,版本也不太对 所 阅读全文
posted @ 2022-04-26 11:18 树叶铃铛 阅读(801) 评论(0) 推荐(0) 编辑
摘要: 1.webpack require.context 对应 vite写法 https://blog.csdn.net/weixin_43857376/article/details/114687031 webpack写法 vite配置 2.Vite启动后提示“Network: use `--host` 阅读全文
posted @ 2022-03-15 17:24 树叶铃铛 阅读(842) 评论(0) 推荐(1) 编辑
摘要: 背景: echart柱线图点击获取信息联动其他图形,高亮点击文本 语言环境: vue3 常规 on('click', (p)=>{})p打印根据需求直接或者名称、数据序列等信息,直观缺点: 图形过小时无法点击到 注:chartInstance 是echart实例 chartInstance.off( 阅读全文
posted @ 2022-03-03 16:58 树叶铃铛 阅读(283) 评论(0) 推荐(0) 编辑
摘要: 1.先上效果 本想弄个动态图的 但是我不会 /(ㄒoㄒ)/~~ 那我只能用些图片替代,向左滚动效果,无限循环 2.原理 利用滚动文本的div margin-left实现 一两句话说不清楚 直接上个草稿(虽然不知道看得吃不吃力) 以上可以看到有2个宽,一个是窗口的,一个是文本文字的 根据这2个已知量去 阅读全文
posted @ 2022-01-20 11:41 树叶铃铛 阅读(1346) 评论(0) 推荐(0) 编辑
摘要: 接下来我要演示怎么在vue项目里直接下载本地静态文件 不要惊讶就是一句话!!! test1.pdf就是项目里面的静态文件 项目里引入本地的文件、放到静态文件夹里 页面效果 点击下载 完~ 附加 a的彩蛋 于是顺手试一下其他文档 都可~ 阅读全文
posted @ 2021-12-22 09:38 树叶铃铛 阅读(1115) 评论(1) 推荐(0) 编辑
摘要: 效果图 实现: 首先图形是icon,就是跟UI拿的,不用自己用echart画 功能点实现关键是象形柱图,就是可以设置各种具象图形元素的柱形图 type: 'pictorialBar' 底图是个正常的柱形图(说明: 以下代码px2px是本地的单位转换方法,复制代码的注意删掉) { type: 'bar 阅读全文
posted @ 2021-12-20 14:27 树叶铃铛 阅读(655) 评论(0) 推荐(0) 编辑
摘要: pie图形 鼠标放到图上或者点击会出现动画放大图、如下 想取消改效果很简单 配置serise hoverAnimation: false 阅读全文
posted @ 2021-12-20 10:26 树叶铃铛 阅读(1410) 评论(0) 推荐(0) 编辑