如何将行真棒框架导入 vue.js 应用程序



我无法导入行真棒框架并在 vue.js 应用程序中使用它的图标。

我尝试在我的 html 文件中添加 CDN 链接,如此处所述。

添加它并尝试使用其图标时,例如

 <i class="la la-home"></i>

网页未显示任何内容,但在使用

 <i class="fa fa-home"></i>

相反,网页显示字体真棒主页图标,但我仍在导入行真棒的 CDN。

正如您所发现的那样,文档非常不清楚。操作方法页面上实际上有两个 CDN 链接,即使它们看起来相同。

撰写本文时的第一个CDN链接实际上只是FontAwesome的一个插入,并且没有使用.la前缀定义任何样式。要使用它,您需要定义FontAwesome文档中的图标。如果你像你想出的那样使用<i class="fa fa-home"></i>,事情应该会很好。

第二个 CDN 链接定义了所有.la样式,而不定义任何.fa样式。如果包含该链接,则实际上可以使用文档来包含其图标。

最新更新