参考链接：https://www.jb51.net/article/160401.htm
3.移动端引入外部字体样式
移动端引入外部样式，我用的是直接把字体库的字体下载下来，一般后缀为 .ttf/.otf等。在asset文件下创建 fonts文件，将字体文件全部放入。
再新建一个.css文件，相当于注册你下载的字体，可以自定义给字体们命名，不过一般还是按照以前的名字。src是文件所在的路径。
在需要的地方使用就可以了：font-family：”PingFang”
4.使用htmtl2canvas截图功能，转换成图片
先下载html2canvas包： cnpm i html2canvas -S / import html2canvas from ‘html2canvas’;
查看文档 ： 点击进来直接生成图片 利用微信长按保存图片功能来保存
setTimeout(() => { //这里用定时器是因为页面一加载出来我就展示的是图片 为了防止图片还未生成 给点时间
html2canvas(document.querySelector("#top"), {
useCORS: true, //是否尝试使用CORS从服务器加载图像
logging: false,//删除打印的日志
allowTaint: false //这个和第一个很像 但是不能同时使用 同时使用toDataURL会失效
}).then(canvas => {
let imageSrc = canvas.toDataURL("image/jpg"); // 转行img的路径
this.imageSrc = imageSrc; //定义一个动态的 ：src 现在是赋值给src 图片就会展现
this.$refs.top.style.display = "none"; // 让页面上其他元素消失 只显示图片
});
}, 1000);题外话： 当时做这个的时候真的有点懵。官网文档太少了，当时遇到图片跨域问题，找了好久，可能是我没有仔细Jan官网的参数配置文件。浪费了很多时间，哭哭。
5.使用微信接口(前端部分)
我们用微信SDK接口主要是做的登录和分享功能，首先是上微信公众平台上边看看，把权限搞好之后后端配置。前端只需请求得到数据，在进行一些配置就可以。这里主要介绍分享给朋友和分享到朋友圈功能：
this.code = location.href; //首先获取code
if (this.code.lastIndexOf("code=") != -1) {
(this.code = this.code.substring(
this.code.lastIndexOf("code=") + 5,
this.code.lastIndexOf("&state")
)),
this.$axios
.get("*******8?code=".concat(this.code))
.then(function(t) { //获取后端传会来的参数
localStorage.setItem("unionid", t.data.unionid);
localStorage.setItem("openid", t.data.openid);
localStorage.setItem("nickname", t.data.nickname);
localStorage.setItem("headimgurl", t.data.headimgurl);
});
}
this.url = encodeURIComponent(location.href.split("#/")[0]);//获取配置的路径
