Laravel Orchid - SVG 아이콘

2135 단어 laravel
패키지의 최신 릴리스에서 SVG 형식을 사용하여 Icon Fonts를 바꾸는 작업을 했습니다. 즉, 이제 아이콘을 벡터에서 사용할 수 있습니다.

이전에는 자신의(또는 인터넷에서) 아이콘을 표시해야 하는 경우 글꼴로 번역하고 설명과 함께 CSS 파일을 포함해야 했지만 이제는 필요하지 않습니다. 원하는 아이콘을 프로젝트에 복사하면 됩니다.

같이 합시다. 인기 있는 Font Awesome의 아이콘을 포함하고 싶다고 가정해 보겠습니다. 이렇게 하려면 적절한 저장소 디렉터리를 선택합니다. 예를 들어 새 icons 디렉터리와 fontawesome 하위 디렉터리를 만듭니다.

resources
  - css 
  - icons
      -- fontawesome 
  - js
  - lang
  - views

적절한 아이콘을 새 디렉토리에 로드하십시오(예: this notebook icon ). 그런 다음 이미지를 검색해야 하는 디렉토리를 패키지에 표시합니다. 이를 위해 구성 파일config/platform.php을 편집합니다.

'icons' => [
    'fa' => resource_path('icons/fontawesome')
],

여기서 우리가 한 일은 fa를 참조할 접두사와 파일이 있는 디렉토리를 선언하는 것뿐입니다.
패키지의 구성 요소에 표시하려면 접두사 + 이름만 전달하면 됩니다. 예를 들어 메뉴의 아이콘 정의는 다음과 같습니다.

ItemMenu::label('Example of custom icons')
    ->icon('fa.address-book')
    ->url(#);

또한 어떤 이유로 프로젝트에 Laravel Orchid 이 없으면 별도의 package has been prepared for the Blade and SVG template engine .

좋은 웹페이지 즐겨찾기