yii2 fontawesome下載yii2 fontawesome源代碼下載

yii 2字體很棒的資產包

該擴展程序為YII Framework 2.0應用程序的字體提供了一個資產捆綁包，並為使用圖標提供了助手。

有關許可信息，請檢查許可證文件。

代碼狀態

支持

Guthub問題
公眾聊天

Fontawesome版本

版本的字體令人敬畏	擴展的版本
4.*	〜2.17
5.*	〜3.0

更新為`3.2`

在3.2版rmrevinyiifontawesomeAssetBundle軟件包默認情況下，請小心。在更改中更多。

更新為`3.0`

在3.0版中謹慎刪除的方法。在更改中更多。

更新為`2.17`

在版本2.17中謹慎刪除的方法。在更改中更多。

安裝

安裝此擴展程序的首選方法是通過作曲家。

要么運行

composer require " rmrevin/yii2-fontawesome:~3.5 "

或添加

 "rmrevin/yii2-fontawesome": "~3.5",

要為composer.json文件的require部分。

FA Pro版本使用

CDN

在此處註冊您的域-https：//fontawesome.com/how-to-use/on-the-web/setup/getting-started

將CdnProAssetBundle添加為App Asset Bundle的依賴：

 class AppAsset extends AssetBundle
{
	// ...

	public $ depends = [
		// ...
		' rmrevinyiifontawesomeCdnProAssetBundle '
	];
}

或在您的視圖中註入CdnProAssetBundle ：

 rmrevin  yii  fontawesome CdnProAssetBundle:: register ( $ this );

NPM

安裝NPM字體包：

 npm install @fortawesome/fontawesome-pro

或者

 yarn add @fortawesome/fontawesome-pro

並添加NpmProAssetBundle ，因為您的應用程序資產捆綁包的依賴性：

 class AppAsset extends AssetBundle
{
	// ...

	public $ depends = [
		// ...
		' rmrevinyiifontawesomeNpmProAssetBundle '
	];
}

或在您的視圖中註入NpmProAssetBundle ：

 rmrevin  yii  fontawesome NpmProAssetBundle:: register ( $ this );

選修的

為了使不要安裝字體可感知軟件包的免費版本，您可以將其添加到composer.json的replace部分。

  "replace": {
    "fortawesome/font-awesome": "*"
  },

使用FA免費版本

CDN

將CdnFreeAssetBundle添加為App Asset Bundle的依賴：

 class AppAsset extends AssetBundle
{
	// ...

	public $ depends = [
		// ...
		' rmrevinyiifontawesomeCdnFreeAssetBundle '
	];
}

或在您的視圖中註入CdnFreeAssetBundle ：

 rmrevin  yii  fontawesome CdnFreeAssetBundle:: register ( $ this );

作曲家

供應商中已經安裝了免費版本的fortawesome/font-awesome 。

將NpmFreeAssetBundle添加為App Asset Bundle的依賴：

 class AppAsset extends AssetBundle
{
	// ...

	public $ depends = [
		// ...
		' rmrevinyiifontawesomeNpmFreeAssetBundle '
	];
}

或在您的視圖中註入NpmFreeAssetBundle ：

 rmrevin  yii  fontawesome NpmFreeAssetBundle:: register ( $ this );

班級參考

名稱空間： rmrevinyiifontawesome ;

類`FAB` ， `FAL` ， `FAR` ， `FAS`或`FontAwesome`

static FAR::icon($name, $options=[]) - 創建一個可用於fontawesome html圖標的componentIcon
- $name - 字體中的圖標名稱很棒。
- $options - i.fa HTML標籤的其他屬性。
static FAR::stack($name, $options=[]) - 創建一個可用於fontawesome html圖標的componentStack
- $options - span.fa-stack HTML標籤的其他屬性。

類`componentIcon`

(string)$Icon - 渲染圖標
$Icon->addCssClass($value) - 添加到$value中的HTML標籤CSS類
- $value - CSS課程的名稱
$Icon->inverse() - 添加到HTML標籤CSS類fa-inverse
$Icon->spin() - 添加到HTML標籤CSS fa-spin
$Icon->fixedWidth() - 添加到HTML標籤CSS類fa-fw
$Icon->ul() - 添加到HTML標籤CSS fa-ul
$Icon->li() - 添加到HTML標籤CSS Class fa-li
$Icon->border() - 添加到HTML標籤CSS fa-border
$Icon->pullLeft() - 添加到HTML標籤CSS班級pull-left
$Icon->pullRight() - 添加到HTML標籤CSS類pull-right
$Icon->size($value) - 添加到html標籤CSS類帶大小
- $value - 尺寸值（變體： FA::SIZE_LARGE ， FA::SIZE_2X ， FA::SIZE_3X ， FA::SIZE_4X ， FA::SIZE_5X ）
$Icon->rotate($value) - 添加到HTML標籤CSS類的旋轉
- $value旋轉值（變體： FA::ROTATE_90 ， FA::ROTATE_180 ， FA::ROTATE_270 ）
$Icon->flip($value) - 與旋轉添加到HTML標籤CSS類
- $value -flip value（變體： FA::FLIP_HORIZONTAL ， FA::FLIP_VERTICAL ）

類`componentStack`

(string)$Stack渲染圖標堆棧
$Stack->icon($icon, $options=[]) - 堆棧設置圖標
- $icon - 圖標或componentIcon對象
- $options - 圖標HTML標籤的其他屬性。
$Stack->icon($icon, $options=[]) - 設置堆棧的背景圖標
- $icon - 圖標或componentIcon對象
- $options - 圖標HTML標籤的其他屬性。

助手示例

 use rmrevin  yii  fontawesome  FAS ;
// or (only in pro version https://fontawesome.com/pro)
// use rmrevinyiifontawesomeFAR;
// use rmrevinyiifontawesomeFAL;
// use rmrevinyiifontawesomeFAB;

// normal use
echo FAS :: icon ( ' home ' ); // <i class="fas fa-home"></i>

// shortcut
echo FAS :: i ( ' home ' ); // <i class="fas fa-home"></i>

// icon with additional attributes
echo FAS :: icon (
    ' arrow-left ' , 
    [ ' class ' => ' big ' , ' data-role ' => ' arrow ' ]
); // <i class="big fas fa-arrow-left" data-role="arrow"></i>

// icon in button
echo Html:: submitButton (
    Yii:: t ( ' app ' , ' {icon} Save ' , [ ' icon ' => FAS :: icon ( ' check ' )])
); // <button type="submit"><i class="fas fa-check"></i> Save</button>

// icon with additional methods
echo FAS :: icon ( ' cog ' )-> inverse ();    // <i class="fas fa-cog fa-inverse"></i>
echo FAS :: icon ( ' cog ' )-> spin ();       // <i class="fas fa-cog fa-spin"></i>
echo FAS :: icon ( ' cog ' )-> fixedWidth (); // <i class="fas fa-cog fa-fw"></i>
echo FAS :: icon ( ' cog ' )-> li ();         // <i class="fas fa-cog fa-li"></i>
echo FAS :: icon ( ' cog ' )-> border ();     // <i class="fas fa-cog fa-border"></i>
echo FAS :: icon ( ' cog ' )-> pullLeft ();   // <i class="fas fa-cog pull-left"></i>
echo FAS :: icon ( ' cog ' )-> pullRight ();  // <i class="fas fa-cog pull-right"></i>

// icon size
echo FAS :: icon ( ' cog ' )-> size ( FAS :: SIZE_3X );
// values: FAS::SIZE_LARGE, FAS::SIZE_2X, FAS::SIZE_3X, FAS::SIZE_4X, FAS::SIZE_5X
// <i class="fas fa-cog fa-size-3x"></i>

// icon rotate
echo FAS :: icon ( ' cog ' )-> rotate ( FAS :: ROTATE_90 ); 
// values: FAS::ROTATE_90, FAS::ROTATE_180, FAS::ROTATE_180
// <i class="fas fa-cog fa-rotate-90"></i>

// icon flip
echo FAS :: icon ( ' cog ' )-> flip ( FAS :: FLIP_VERTICAL ); 
// values: FAS::FLIP_HORIZONTAL, FAS::FLIP_VERTICAL
// <i class="fas fa-cog fa-flip-vertical"></i>

// icon with multiple methods
echo FAS :: icon ( ' cog ' )
        -> spin ()
        -> fixedWidth ()
        -> pullLeft ()
        -> size ( FAS :: SIZE_LARGE );
// <i class="fas fa-cog fa-spin fa-fw pull-left fa-size-lg"></i>

// icons stack
echo FAS :: stack ()
        -> icon ( ' twitter ' )
        -> on ( ' square-o ' );
// <span class="fa-stack">
//   <i class="fas fa-square-o fa-stack-2x"></i>
//   <i class="fas fa-twitter fa-stack-1x"></i>
// </span>

// icons stack with additional attributes
echo FAS :: stack ([ ' data-role ' => ' stacked-icon ' ])
     -> on ( FAS :: Icon ( ' square ' )-> inverse ())
     -> icon ( FAS :: Icon ( ' cog ' )-> spin ());
// <span class="fa-stack" data-role="stacked-icon">
//   <i class="fas fa-square-o fa-inverse fa-stack-2x"></i>
//   <i class="fas fa-cog fa-spin fa-stack-1x"></i>
// </span>

// Stacking text and icons
echo FAS :: stack ()
     -> on ( FAS :: Icon ( ' square ' ))
     -> text ( ' 1 ' );
// <span class="fa-stack">
//   <i class="fas fa-square fa-stack-2x"></i>
//   <span class="fa-stack-1x">1</span>
// </span>

// Stacking text and icons with options
echo FAS :: stack ()
     -> on ( FAS :: Icon ( ' square ' ))
     -> text ( ' 1 ' , [ ' tag ' => ' strong ' , ' class ' => ' stacked-text ' ]);
// <span class="fa-stack">
//   <i class="fas fa-square fa-stack-2x"></i>
//   <strong class="stacked-text fa-stack-1x">1</strong>
// </span>
// Now you can add some css for vertical text positioning:
. stacked-text { margin-top: .3 em; }

// unordered list icons 
echo FAS :: ul ([ ' data-role ' => ' unordered-list ' ])
     -> item ( ' Bullet item ' , [ ' icon ' => ' circle ' ])
     -> item ( ' Checked item ' , [ ' icon ' => ' check ' ]);
// <ul class="fa-ul" data-role="unordered-list">
//   <li><i class="fas fa-circle fa-li"></i>Bullet item</li>
//   <li><i class="fas fa-check fa-li"></i>Checked Item</li>
// </span>

// autocomplete icons name in IDE
echo FAS :: icon ( FAS :: _COG );
echo FAS :: icon ( FAS :: _DESKTOP );
echo FAS :: stack ()
     -> on ( FAS :: _CIRCLE_O )
     -> icon ( FAS :: _TWITTER );

展開

yii2 fontawesome

yii 2字體很棒的資產包

代碼狀態

支持

Fontawesome版本

更新為`3.2`

更新為`3.0`

更新為`2.17`

安裝

FA Pro版本使用

CDN

NPM

選修的

使用FA免費版本

CDN

作曲家

班級參考

類`FAB` ， `FAL` ， `FAR` ， `FAS`或`FontAwesome`

類`componentIcon`

類`componentStack`

助手示例

GitHub sgrebnov/cordova plugin background download

Wa ch ull navra maza navsacha 2 2024 ull ovie Fr e Online On Strea ings

Wa ch navra maza navsacha 2 2024 ull ovie Online For Fr e Strea ings At Home

Wa ch the greatest of all time 2024 ull ovie Online For Fr e Strea ings At Home

wolfs 2024 f llmo ie f lmyz lla dow load ree 7 0p 4 0p a d 10 0p

GitHub actions/download artifact

chat.petals.dev

GPT Prompt Templates

GPTyped

fedraserif

fontplayer

XiaoyaPixel

Google Dorks

shepherd

mongo express

yii2 fontawesome

yii 2字體很棒的資產包

代碼狀態

支持

Fontawesome版本

更新為3.2

更新為3.0

更新為2.17

安裝

FA Pro版本使用

CDN

NPM

選修的

使用FA免費版本

CDN

作曲家

班級參考

類FAB ， FAL ， FAR ， FAS或FontAwesome

類componentIcon

類componentStack

助手示例

更新為`3.2`

更新為`3.0`

更新為`2.17`

類`FAB` ， `FAL` ， `FAR` ， `FAS`或`FontAwesome`

類`componentIcon`

類`componentStack`