03 2022 档案

vue 使用swiper的异形轮播图
摘要：官网效果图是这样的 一、我们需要在vue的public的html引入我们下载的css样式 <link rel="stylesheet" href="../src/assets/css/swiper.min.css"> 这个样式可以去官网下载 https://www.swiper.com.cn/dem 阅读全文
posted @ 2022-03-22 11:01 light丶 阅读(4248) 评论(0) 推荐(0)
vue 使用定位获取经伟度
摘要：一、第一种方法使用百度定位 1.在public处放入 <script type="text/javascript"src="https://api.map.baidu.com/api?v=3.0&type=webgl&ak=您的密钥"></script> 密钥生成方法网上有许多 2.在方法里使用 l 阅读全文
posted @ 2022-03-22 10:37 light丶 阅读(4327) 评论(0) 推荐(0)
vue把demo生成图片
摘要：1.在vue命令行下载依赖 npm install --save html2canvas 2.然后在需要使用的页面引入 import html2canvas from "html2canvas"; 3.在demo上添加ref 使其变成 我要转化为图片的区域 表示，我只要截取这个Div里面的内容变成图 阅读全文
posted @ 2022-03-03 14:43 light丶 阅读(468) 评论(0) 推荐(1)
vue把url生成二维码图片
摘要：1.使用npm命令下载qrcode npm install qrcodejs2 --save 2.在需要使用的页面引入 import QRCode from "qrcode"; 然后在js事件里使用 //把url生成二维码 QRCode.toDataURL(url) //在这里拿到地址，把它赋值给d 阅读全文
posted @ 2022-03-03 14:31 light丶 阅读(1174) 评论(0) 推荐(0)