国外站点 http://fontawesome.io/
国内站点 http://fontawesome.dashgame.com/
Installation
The preferred way to install this extension is through composer.
Either run
composer require "rmrevin/yii2-fontawesome:2.10.*"
or add
"rmrevin/yii2-fontawesome": "2.10.*",
to the require section of your composer.json file.
Usage
In view
rmrevin\yii\fontawesome\AssetBundle::register($this);
or as dependency in your main application asset bundle
class AppAsset extends AssetBundle
{
// ... public $depends = [ // ... '\rmrevin\yii\fontawesome\AssetBundle' ]; }
Helper
use rmrevin\yii\fontawesome\FA; echo FA::icon('home'); // <i class="fa fa-home"></i> echo FA::icon( 'arrow-left', ['class' => 'big', 'data-role' => 'arrow'] ); // <i class="big fa fa-arrow-left" data-role="arrow"></i> echo Html::submitButton( Yii::t('app', '{icon} Save', ['icon' => FA::icon('check')]) ); // <button type="submit"><i class="fa fa-check"></i> Save</button> echo FA::icon('cog')->inverse(); // <i class="fa fa-cog fa-inverse"></i> echo FA::icon('cog')->spin(); // <i class="fa fa-cog fa-spin"></i> echo FA::icon('cog')->fixedWidth(); // <i class="fa fa-cog fa-fw"></i> echo FA::icon('cog')->ul(); // <i class="fa fa-cog fa-ul"></i> echo FA::icon('cog')->li(); // <i class="fa fa-cog fa-li"></i> echo FA::icon('cog')->border(); // <i class="fa fa-cog fa-border"></i> echo FA::icon('cog')->pullLeft(); // <i class="fa fa-cog pull-left"></i> echo FA::icon('cog')->pullRight(); // <i class="fa fa-cog pull-right"></i> echo FA::icon('cog')->size(FA::SIZE_3X); // values: FA::SIZE_LARGE, FA::SIZE_2X, FA::SIZE_3X, FA::SIZE_4X, FA::SIZE_5X // <i class="fa fa-cog fa-size-3x"></i> echo FA::icon('
本文详细介绍了如何通过Composer安装Font Awesome的Yii2扩展,并提供了使用示例,包括图标显示、样式调整及与其他组件的结合使用。
5973

被折叠的 条评论
为什么被折叠?



