elementUI字体文件丢失问题
发表于|更新于
|浏览量:
见贤思齐焉，见不贤而内自省也。——《论语》
今天引入elementUI时
官方文档说的CDN引入方式为：
CDN
目前可以通过 unpkg.com/element-ui 获取到最新版本的资源，在页面上引入 js 和 css 文件即可开始使用。
2
3
4
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
我想下载到本地嘛，就直接打开这两个链接，另存为到本地了
然后发现字体文件丢失…最后解决方式是打开
https://unpkg.com/browse/element-ui@2.15.6/lib/theme-chalk/fonts/
然后下载其中的字体文件，将fonts文件夹与css平级即可
相关推荐
2023-01-15
移动端拖动滑块验证
夫唯不争，故天下莫能与之争——老子 之前写过拖动滑块验证 但是发现移动端拖不动了 因为移动端使用的是touch事件：https://developer.mozilla.org/zh-CN/docs/Web/API/TouchEvent 我们对其进行改造，通过获取其第一个触控点的坐标进行计算 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152&...
2022-08-07
拖动滑块验证
有事情是要说出来的，不要等着对方去领悟，因为对方不是你，不知道你想要什么，等到最后只能是伤心和失望。尤其是感情。——《麦兜》 效果： 源码： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...
2022-01-17
小程序v-for中slot警告
她把左手的命运交给了右手，右手犹豫了一下，还是接住了。——宫白云 今天用了这样一个组件： 1234567891011121314151617181920212223<template> <div> <div v-for="(item, index) in list"> <slot :item="item" /> </div> </div></template><script>export default { data() { return {}; }, props: { list: { type: Array, default: [] } }};</script><style></style> 这里在v-for中放了slot 所以我在另一个页面使用的时候，小程序警告 1VM1103 W...
2021-08-06
代码方式引入iconfont图标
只有永远躺在泥坑里的人，才不会再掉进坑里。——黑格尔 前端开发中，经常会遇到需要引用图标的情况 我们可以在iconfont寻找我们需要的图标 https://www.iconfont.cn/ 比如这两个图标，我非常喜欢，我可以使用直接下载的方式引入图标 但这种方式，如果我们需要它改变颜色的话，就需要再次下载，非常麻烦 我们还可以使用代码方式引入，我们首先点击添加进购物车 然后到我们的购物车结算 点击添加至项目 登录账号 然后再次点击添加至项目后会弹出加入项目，我们可以新建一个项目 确定后，我们就可以在这里点击生成代码 然后复制代码 粘贴到项目css中 然后定义使用iconfont的样式 123456.iconfont{ font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -m...
2023-06-07
image-conversion
失之毫厘，差之千里。——佚名 分享一个js图像库： https://github.com/WangYuLue/image-conversion Install12345npm i image-conversion --save# or yarn add image-conversion Include the libraryin browser: 1<script src="https://cdn.jsdelivr.net/gh/WangYuLue/image-conversion/build/conversion.js"></script> in CommonJS: 1const imageConversion = require("image-conversion"); in ES6: 1import * as imageConversion from 'image-conversion'; or 1import {compress, compressAccurat...
2023-11-10
minio预签名上传前端axios注意事项
不论替人家做了多少好事，不论多么忠心耿耿，看起来，绝不能指望人家感谢你。——托尔斯泰 之前说过了camel+minio实现预签名URL上传 但当时提供的也是后端代码，现在需要前端axios的 axios文档：Axios API | Axios Docs 123456789101112axios({ method: 'PUT', url, headers: { "Content-Type": "application/octet-stream", }, data: new Blob([file]), responseType: "blob"}).then((res) => { console.log({ res })}).catch(console.error) 这里的file就是前端的File对象，我们此处是将其转换为Blob，然后再通过data参数发送，...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog