luckydevshop / foundicons
将 Zurb 的 Foundation 图标集成到您的 Laravel 项目中
dev-master
2014-09-12 15:14 UTC
Requires
- php: >=5.4.0
- illuminate/support: 4.2.*
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>