Fontawesome 5 与 VuetifyJs 1.0.0

2024-02-27

我想将 Fontawesome 5 Icons 与 VuetifyJs 一起使用。那可能吗?我应该使用哪个 npm 包来实现 fontawesome?因为没有人为我工作。 作为一个没有经验的 VuetifyJs 开发人员,使用它确实让我感到困惑,因为 VuetifyJs 文档中缺乏任何明确的步骤。


From docs https://vuetifyjs.com/en/components/icons#example-font-awesome:

还支持很棒的字体。只需使用fa-前缀图标名称。请注意,您仍然需要在中包含 Font Awesome 图标 你的项目.

发行说明 https://github.com/vuetifyjs/vuetify/releases/tag/v1.0.0:

我们添加的东西

v-icon 现在支持 FontAwesome 5

您可能只需要将其包含在您的index.html inside <head> or so

<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">

然后使用像<v-icon>fa-search</v-icon>

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Fontawesome 5 与 VuetifyJs 1.0.0 的相关文章

随机推荐

  • PHP ftp_put 返回“无法建立数据连接:连接被拒绝”

    我有一台通过 PHP 运行一些 FTP 的 PC 我知道它在 1 2 个月前还可以工作 但现在我返回它 发现该 PC 不再工作了 我知道我一直在使用电脑 但我想不出可能会发生什么变化 PHP 抛出错误消息读取 无法建立数据连接 连接被拒绝
  • 本机 PHP 5.6 OpenSSL Composer.phar 无法在 Windows 上启用加密

    我在 Windows 计算机上使用本机 PHP 5 6 时遇到问题 当我尝试运行 Composer 更新 php Composer phar update 时出现此错误 Composer Downloader TransportExcept
  • Google OAuth2 集成错误 400:redirect_uri_mismatch

    我收到这个错误Error 400 redirect uri mismatch即使在给出正确的重定向 uri 之后 您可以查看下面的图片以供参考 它适用于我的本地主机 但它在我的服务器上显示此错误 我的域名看起来像https xxx topL
  • Golang - “go run main.go”和编译之间的区别

    在用 Go 编写了一些脚本之后 我问自己 编译一个 go file 以及稍后的执行和go run FILE go在性能等方面的命令 如果我使用这些方法之一启动 Web 服务有什么优势吗 go run只是一步编译然后运行的快捷方式 虽然它对开
  • 绝对位置和溢出:隐藏

    div div div div 我需要显示比父元素大的子元素 但不删除 Overflow hidden 这可能吗 父元素有position relative 子元素一旦超出其父元素的边界 就会被删除 元素定义了额外的 css 为了清晰起见
  • C++ const 强制转换,不确定这是否安全

    这似乎是一个愚蠢的问题 但我确实需要澄清这一点 这会给我的程序带来任何危险吗 Is the const cast甚至需要 如果我更改输入指针值 它将安全地工作std string或者它会产生未定义的行为 到目前为止 唯一担心的是 每当我修改
  • 具有一个视频轨道和多个音频轨道的 AVPlayer

    我试图让我的应用程序中的播放器能够拥有一个视频轨道和多个音频轨道 针对不同的语言 我已经这样做了 但播放器无法启动 AVMutableComposition composition AVMutableComposition composit
  • 我无法列出 Raspberry Pi 附近的 BLE 设备(python、btmgmt)

    我想通过使用 cron 脚本调用的 python 脚本来扫描 Raspberry 环境中的 ble 设备 但是当我在 cron 中执行此操作时 我的意思是我添加到 sudo crontab e 我总是得到一个空列表 当我以 pi 用户身份登
  • GDB:列出崩溃进程的所有映射内存区域

    我从 x86 Linux 机器 内核 2 6 35 22 如果重要的话 上的死进程中获得了全堆核心转储 我正在尝试在 GDB 中对其进行调试 是否有一个我可以使用的 GDB 命令 意思是 显示该进程分配的所有内存地址区域的列表 换句话说 我
  • 在 Golang 中构建动态(条件)WHERE SQL 查询

    我正在使用 golang go reform PostgreSQL 我想做的是一个 REST 搜索实用程序 一切都很顺利 直到我遇到条件搜索查询 这里的 条件 意味着我在表中有 10 列要搜索 并且可能有大量的组合 所以我无法单独处理它们
  • 使用联合类型进行类型推断 - 不存在最佳通用类型

    所以 我正在使用 TypeScript 进行类型推断 我将提供两个示例 它们在调用时会产生相同的结果 但是在其中一个示例中 由于 没有最佳常见类型 TypeScript 无法推断类型 三元运算符的示例 function foo a bool
  • Symfony 2:如何在控制器外部或服务中渲染模板?

    如何在控制器外部或服务中渲染模板 我一直在关注 Symfony2 的文档 Doc http symfony com doc current book service container html core symfony and third
  • 为什么 json_encode 之后的 JSON.parse 不起作用?

    为什么这对我不起作用 我收到此错误 SyntaxError JSON parse unexpected non whitespace character after JSON data PHP s json encode生成一个字符串 但它
  • Phantomjs 加载页面缓慢

    我是 phantomjs 的新手 正在标准的 centOS 服务器上尝试它 安装了 httpd 等 但除了名称服务器设置为 8 8 8 8 和 8 8 4 4 之外 没有修改设置 我正在使用默认的 loadspeed js 文件 已重命名
  • Azure DevOps Pipeline - dotnet 恢复包内容哈希验证失败

    我在 Azure DevOps 中为我的 Function App 设置了一个构建管道 它利用了 nuget 缓存 从而利用了 package lock json 文件 但是 我不断遇到包验证哈希问题 例如 Package content
  • WCF 位于公共反向代理后面,用于流量加密

    我有一个连接到 WCF 服务的 Silverlight 应用程序 在我习惯的基本配置下 将该应用程序连接到其相应的WCF服务没有问题 然而 最近 我的一位客户开始使用 Apache 反向代理 该代理是公共服务器 仅用于通过 SSL HTTP
  • 自定义 DataGridViewCheckBoxCell 视觉更新在编辑模式下不起作用

    我有以下内容DataGridViewCheckBoxCell 问题是视觉更新不会在编辑模式下立即发生 只有当我退出时才会发生 public class CustomDataGridViewCell DataGridViewCheckBoxC
  • 如何级联软删除?

    检查这些SO文章后 实体框架中的级联删除 https stackoverflow com questions 27293576 cascade delete in entity framework ef6 1 软删除与级联删除 https
  • flutter 中出现错误:widget_test.dart 无法检测到 MyApp()

    作为一个完全的初学者 我正在尝试各种 flutter 功能 但由于 widget test dart 文件中的错误 我陷入了运行 main dart 的困境 如果错误是由于其他原因造成的 请指出 main dart import packa
  • Fontawesome 5 与 VuetifyJs 1.0.0

    我想将 Fontawesome 5 Icons 与 VuetifyJs 一起使用 那可能吗 我应该使用哪个 npm 包来实现 fontawesome 因为没有人为我工作 作为一个没有经验的 VuetifyJs 开发人员 使用它确实让我感到困