elementUI字体文件丢失问题
发表于|更新于
|浏览量:
见贤思齐焉,见不贤而内自省也。——《论语》
今天引入elementUI时
官方文档说的CDN引入方式为:
CDN
目前可以通过 unpkg.com/element-ui 获取到最新版本的资源,在页面上引入 js 和 css 文件即可开始使用。
1
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平级即可

相关推荐
2022-08-05
Navigator.clipboard
人类侥幸拥有了智慧,就应该善用它。——王小波 惯例,MDN:https://developer.mozilla.org/zh-CN/docs/Web/API/Navigator/clipboard 注意该API只能在https或者本地开发环境生效 剪贴板 Clipboard API 为 Navigator 接口添加了只读属性 clipboard,该属性返回一个可以读写剪切板内容的 Clipboard 对象。 在 Web 应用中,剪切板 API 可用于实现剪切、复制、粘贴的功能。 只有在用户事先授予网站或应用对剪切板的访问许可之后,才能使用异步剪切板读写方法。许可操作必须通过取得权限 Permissions API 的 "clipboard-read" 和/或 "clipboard-write" 项获得。 我们来写一段代码: 123456789<body> <div class="cliptext"></div> <script> ...
2021-11-09
让link标签失效
此岸永远是残缺的,否则彼岸就要塌陷。——史铁生 一直有小伙伴吐槽我的博客太花哨了,想让我加个隐藏主题功能,于是我就加了一个 这里用到了jquery选择带对应属性的标签 我这里是让引入style.css的link标签失效了 关键代码如下: 隐藏 12<!-- 选中head节点,找到href属性为'/css/style.css'的link标签,添加属性disabled为disabled -->$("head").children("link[href='/css/style.css']").attr('disabled', 'disabled') 显示: 12<!-- 移除该属性 -->$("head").children("link[href='/css/style.css']").removeAttr('disabled')
2024-07-01
h5判断是ios还是安卓
理想主义者是不可救药的:如果他被扔出了他的天堂,他会再制造出一个理想的地狱。——尼采 主要就是这个代码 123var u = navigator.userAgent;window.isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端window.isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 这边用用户的agent和正则判断
2024-06-30
nativeShare.js
进步是人的生活方式。——雨果 分享一个 https://github.com/JefferyWang/nativeShare.js 这个库是王俊锋写的,用于h5直接唤醒浏览器的分享 注意:目前仅支持手机UC浏览器和QQ浏览器 nativeSharenativeShare是一个可以通过javascript直接调用原生分享的工具. demo 我们知道现在我们无法直接通过js直接跳转到微信和QQ等软件进行分享,但是现在像UC浏览器和QQ浏览器这样的主流浏览器自带一个分享工具,而他们也有自己定义的js接口.我们通过调用浏览器的接口去调用浏览器的分享,从而实现原生分享功能.是不是很酷呢? 该工具具有以下特点: 支持原生微博、微信好友、微信朋友圈、QQ好友、QQ空间分享 支持调用浏览器更多分享功能 注意:目前仅支持手机UC浏览器和QQ浏览器 github项目地址: https://github.com/JefferyWang/nativeShare.js Git@OSC项目地址: http://git.oschina.net/wangjunfeng/nativeSha...
2023-03-30
图片懒加载(二)
何以息谤?曰:“无辩”。何以止怨?曰:“无争”。——王通 之前写了图片懒加载 今天来一种方式: https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/img#attr-loading 采取loading="lazy"方式 延迟加载图像,直到它和视口接近到一个计算得到的距离(由浏览器定义)。目的是在需要图像之前,避免加载图像所需要的网络和存储带宽。这通常会提高大多数典型用场景中内容的性能。 123456789101112131415161718192021222324252627282930313233343536373839404142<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .ruben { width...
2024-12-18
ARIA16
兴趣是最好的老师,其次是耻辱——胖子邓 ARIA16技术:使用aria-label增强Web可访问性 在现代Web开发中,可访问性(Accessibility)是提升用户体验的关键因素之一。尤其对于视障用户来说,屏幕阅读器依赖准确的页面结构和标签描述来解释内容。ARIA16是一种有效的技术,使用aria-label属性为无可见文本的元素提供描述性标签,从而增强Web的可访问性。 什么是ARIA16?ARIA16是W3C推荐的一项技术,旨在通过aria-label属性为交互式元素提供可访问性支持。aria-label允许开发者为没有可见文本的元素定义可读的描述信息,供屏幕阅读器使用。 使用场景 图标按钮:为只有图标的按钮添加描述性标签。 装饰性元素:为装饰性但可交互的元素提供语义化说明。 复杂控件:为动态生成或没有内嵌文本的控件提供可读内容。 如何使用ARIA16?实现ARIA16非常简单,只需在相关元素上添加aria-label属性并提供适当的描述文本。 示例代码以下是一个使用aria-label的图标按钮示例: 123456<button aria-label=&q...

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog