luckydevshop/foundicons

将 Zurb 的 Foundation 图标集成到您的 Laravel 项目中

dev-master 2014-09-12 15:14 UTC

This package is not auto-updated.

Last update: 2024-09-24 02:16:45 UTC


README

本包提供了一种使用 Zurb 的 Foundation 图标字体 生成 marukp 的方法。这是针对 Laravel 开发的。如果您发现任何错误,请通过 GitHub 上的问题报告 告诉我。

安装

要通过 Composer 安装,请将以下内容添加到您项目的 composer.json 文件中

"require": {
    "luckydevshop/foundicons": "1.*"
}

将此添加到 composer 文件后,在项目根目录运行 composer update

composer update

完成后,您可以在应用程序配置中添加两行,这将别名 Icon 为此包。

在提供者数组中添加以下行

'LuckyDevShop\Foundicons\FoundiconsServiceProvider'

并在别名数组中

'Icon' => 'LuckyDevShop\Foundicons\Icon'

用法

要创建图标标记,请在 blade 文件中使用以下示例

{{ Icon::cloud() }}

这将生成

<i class="fi-cloud"></i>

如果您没有使用之前提到的别名,您必须在 blade 模板中使用完整命名空间

{{ LuckyDevShop\Foundicons\Icon::cloud() }}

短横线类名

如果图标类名包含短横线,例如 play-video,您将使用下划线创建标记

{{ Icon::play_video() }}

这将生成

<i class="fi-play-video"></i>

额外的类名

如果您需要将额外的类名传递到 <i> 元素上

{{ Icon::wrench('foo', 'bar') }}

这将生成

<i class="fi-wrench foo bar"></i>