当前位置: 开发笔记 > 编程语言 > 正文

H5项目引入ElementUI和Vuetify（非Vue项目），并解决ElementUI默认图标不显示的问题

作者：zhoujielcl_767 | 来源：互联网 | 2023-09-12 19:51

H5项目引入ElementUI采用本地方式引入Elemen

H5项目引入Element UI

采用本地方式引入Element UI和Vuetify

引入资源结构
在这里插入图片描述
jquery和vue比较好引入，暂略

需要Element UI和Vuetify引入资源的，可在文章顶部下载

使用非常简单，直接或者引入即可。

解决Element UI默认图标不显示的问题

按照官网推荐的方式引入Element UI图标不显示

原因是因为会默认在font下寻找element-icons.ttf和element-icons.woff，如果找不到，则显示不出来。

解决

在font下加入以上两个文件
在这里插入图片描述
即可解决Element UI默认图标不显示的问题

推荐阅读

io
2019年前端技术趋势及职业发展路径

本文探讨了2019年前端技术的发展趋势，包括工具化、配置化和泛前端化等方面，并提供了详细的学习路线和职业规划建议。 ... [详细]

蜡笔小新 2024-12-19 10:19:35
input
JavaScript前端开发中常用的四种继承方法详解

本文深入探讨了JavaScript中实现继承的四种常见方法，包括原型链继承、构造函数继承、组合继承和寄生组合继承。对于正在学习或从事Web前端开发的技术人员来说，理解这些继承模式对于提高代码质量和维护性至关重要。 ... [详细]

蜡笔小新 2024-12-18 11:08:28
input
ThinkPHP6多数据库部署指南

本文将详细介绍如何在ThinkPHP6框架中实现多数据库的部署，包括读写分离的策略，以及如何通过负载均衡和MySQL同步技术优化数据库性能。 ... [详细]

蜡笔小新 2024-12-17 18:59:28
input
Web前端性能提升指南：简化JavaScript与消除重复脚本

本文为Web前端性能优化系列的第七篇，重点探讨简化JavaScript代码及清除重复脚本的方法。通过这些技术，可以显著提高网页加载速度和用户体验。了解更多信息，请参阅我们的完整指南：Web前端性能优化。 ... [详细]

蜡笔小新 2024-12-16 15:54:29
main
无屏幕环境下树莓派4B的安装与配置指南

本文将详细介绍如何在没有显示器的情况下，使用Raspberry Pi Imager为树莓派4B安装操作系统，并进行基本配置，包括设置SSH、WiFi连接以及更新软件源。 ... [详细]

蜡笔小新 2024-12-21 08:14:50
io
使用JS、HTML5和C3创建自定义弹出窗口

本文介绍如何结合JavaScript、HTML5和C3.js来实现一个功能丰富的自定义弹出窗口。通过具体的代码示例，详细讲解了实现过程中的关键步骤和技术要点。 ... [详细]

蜡笔小新 2024-12-20 21:22:27
io
Spring Boot 中静态资源映射详解

本文深入探讨了 Spring Boot 如何简化 Web 应用中的静态资源管理，包括默认的静态资源映射规则、WebJars 的使用以及静态首页的处理方法。通过本文，您将了解如何高效地管理和引用静态资源。 ... [详细]

蜡笔小新 2024-12-20 20:02:31
io
MongoDB的核心特性与架构解析

本文深入探讨了MongoDB的核心特性，包括其强大的查询语言、灵活的文档模型以及高效的索引机制。此外，还详细介绍了MongoDB的体系结构，解释了其文档、集合和数据库的层次关系，并对比了MongoDB与传统关系型数据库（如MySQL）的逻辑结构。 ... [详细]

蜡笔小新 2024-12-20 19:23:54
io
Asp.net MVC 中 Bundle 配置详解：合并与压缩 JS 和 CSS 文件

本文深入探讨了 Asp.net MVC 中如何利用 Bundle 功能来合并和压缩 JavaScript 和 CSS 文件，提供了详细的配置步骤和示例代码，适合开发人员参考学习。 ... [详细]

蜡笔小新 2024-12-18 18:54:11
io
SP框架数据操作指南

本章详细介绍SP框架中的数据操作方法，包括数据查找、记录查询、新增、删除、更新、计数及字段增减等核心功能。通过具体示例和详细解析，帮助开发者更好地理解和使用这些方法。 ... [详细]

蜡笔小新 2024-12-21 13:27:32
io
前端开发：使用JavaScript获取最近7天、半年和一年的日期格式化方法

本文介绍了如何在React和React Native项目中使用JavaScript进行日期格式化，提供了获取近7天、近半年及近一年日期的具体实现方法。 ... [详细]

蜡笔小新 2024-12-21 12:00:48
io
2023年最新：如何查看和配置电脑上的PHP环境

本文详细介绍了如何检查和配置电脑上的PHP环境，包括位数、运行支持以及文件格式的打开方式。适合初学者了解PHP的基础知识和操作方法。 ... [详细]

蜡笔小新 2024-12-21 11:29:05
io
推荐几款高效测量图片像素的工具

本文介绍了几款适用于Web前端开发的工具，这些工具可以帮助用户在图片上绘制线条并精确测量其像素长度。对于需要进行图像处理或设计工作的开发者来说非常实用。 ... [详细]

蜡笔小新 2024-12-20 19:17:07
input
HTML 文件上传按钮的样式设计

本文详细介绍了如何使用 HTML 和 CSS 对文件上传按钮进行样式美化，使用户界面更加友好和美观。 ... [详细]

蜡笔小新 2024-12-20 18:30:59
main
解决Element UI与Vue-i18n集成导致的渲染问题

在使用Element UI构建后台管理界面时，遇到了一个常见的问题：页面上应显示的文字或组件位置仅显示了变量名。进一步检查发现，这是由于Vue-i18n库配置不当引起的。本文将详细介绍如何解决这一问题，并提供有效的解决方案。 ... [详细]

蜡笔小新 2024-12-16 15:38:28

zhoujielcl_767

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章