yii2 fontawesome 다운로드 -YII2 yii2 fontawesome 소스 코드 다운로드

Yii 2 글꼴 멋진 자산 번들

이 확장자는 YII 프레임 워크 2.0 응용 프로그램에 대한 글꼴이 풍부한 자산 번들과 아이콘을 사용할 수있는 도우미를 제공합니다.

라이센스 정보는 라이센스 파일을 확인하십시오.

코드 상태

지원하다

거룩한 문제
공개 채팅

Fontawesome 버전

글꼴을 좋아하는 버전	확장 버전
4.*	~ 2.17
5.*	~ 3.0

`3.2` 로 업데이트

버전 3.2 rmrevinyiifontawesomeAssetBundle 패키지에서 기본적으로 cdn을 사용하십시오. Changelog에서 더.

`3.0` 으로 업데이트

버전 3.0 이상으로 감가 상각 된 방법이 제거되었습니다. Changelog에서 더.

`2.17` 로 업데이트

버전 2.17에서주의를 기울여야합니다. 감가 상각 된 방법이 제거되었습니다. Changelog에서 더.

설치

이 확장을 설치하는 선호하는 방법은 작곡가를 통하는 것입니다.

어느 쪽이든

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

또는 추가

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

composer.json 파일의 require 섹션에

FA Pro 버전으로 사용됩니다

cdn

여기에 도메인을 여기에 등록하십시오 -https://fontawesome.com/how-to-useb/setup/getting-started

앱 자산 번들에 따라 CdnProAssetBundle 추가하십시오.

 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 추가하십시오.

 class AppAsset extends AssetBundle
{
	// ...

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

또는 귀하의 견해에 CdnFreeAssetBundle 주입하십시오.

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

작곡가

공급 업체에 이미 설치된 fortawesome/font-awesome 의 무료 버전.

앱 자산 번들에 따라 NpmFreeAssetBundle 추가하십시오.

 class AppAsset extends AssetBundle
{
	// ...

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

또는 귀하의 견해에 NpmFreeAssetBundle 주입하십시오.

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

수업 참조

네임 스페이스 : rmrevinyiifontawesome ;

Class `FAB` , `FAL` , `FAR` , `FAS` 또는 `FontAwesome`

static FAR::icon($name, $options=[]) - HTML 아이콘을 우연히 사용할 수있는 componentIcon 만듭니다.
- $name - 글꼴 멋진 세트의 아이콘 이름.
- $options - i.fa HTML 태그의 추가 속성.
static FAR::stack($name, $options=[]) - HTML 아이콘을 우연히 사용할 수있는 componentStack 만듭니다.
- $options - span.fa-stack html 태그의 추가 속성.

클래스 `componentIcon`

(string)$Icon - 렌더 아이콘
$Icon->addCssClass($value) - html 태그 css 클래스에 $value 에 추가
- $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 클래스 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 - 플립 값 (변형 : 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

작곡가

수업 참조

Class `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

작곡가

수업 참조

Class FAB , FAL , FAR , FAS 또는 FontAwesome

클래스 componentIcon

클래스 componentStack

도우미 예

`3.2` 로 업데이트

`3.0` 으로 업데이트

`2.17` 로 업데이트

Class `FAB` , `FAL` , `FAR` , `FAS` 또는 `FontAwesome`

클래스 `componentIcon`

클래스 `componentStack`