depsimon/blade-fa5

在您的 Blade 模板中轻松内联 Font Awesome 5 图标

维护者

详细信息

github.com/depsimon/blade-fa5

主页

源代码

问题

安装: 25

依赖: 0

建议者: 0

安全: 0

星标: 4

关注者: 2

分支: 0

开放问题: 0

v1.0.1 2018-02-28 12:34 UTC

Requires

MIT 0c3a6be8e29c02529485cc9eebafe8687acd547c

fasvgbladefont-awesomedepsimon

This package is auto-updated.

Last update: 2024-09-22 22:09:14 UTC

README

在您的 Blade 模板中轻松内联 Font Awesome 5 图标。深受 [adamwathan/blade-svg] 的启发。

安装

您可以通过在项目根目录的终端中运行此命令来使用 Composer 安装此包

composer require depsimon/blade-fa5

入门

发布 Blade Font Awesome 5 配置文件

php artisan vendor:publish --provider="Depsimon\BladeFa5\BladeFa5ServiceProvider"

下载最新版本的 Font Awesome 5（免费或专业版），并将 SVG 图标精灵放在您的 public/svg 目录中。

配置

在 config/blade-fa5.php 中，您可以指定精灵表目录、默认权重和图标默认类。

<?php

return [
    'spritesheets_url' => 'svg/',
    'weight' => 'far',
    'class' => 'icon inline-block fill-current',
];

基本用法

您可以使用 @fa5 Blade 指令在模板中的任何位置插入图标。传递名称，然后是权重、类以及任何附加类。

@fa5('cog')
@fa5('user', 'fas') <!-- Weight is "solid" -->
@fa5('facebook', 'fab', 'text-blue') <!-- Weight is "brands" and apply "text-blue" class -->
@fa5('spinner', 'fal', 'text-grey', ['spin']) <!-- Add the "spin" attribute -->

致谢

许可

MIT 许可证 (MIT)。有关更多信息，请参阅 许可文件。