Angular 6 представляет учебник по иконкам Font Awesome

Маленькая мразь · Опубликовано 13.05.2019 15:29:22

Font Awesome — отличная библиотека иконок шрифтов для веб-страниц, предлагающая масштабируемые векторные иконки, которые можно настраивать по размеру, цвету, тени и любому стилю с помощью CSS.

Прежде всего, визуализации:

Окружающая среда:

Угловой CLI: 6.2.4
Node: 8.9.2
OS: win32 x64

Обучающий материал:

Команда установки NPM:

Вход виден.

C:\project\git\itsvse>npm install --save font-awesome angular-font-awesome
NPM ПРЕДУПРЕЖДЕНИЕ НЕОБЯЗАТЕЛЬНОЕ ПРОПУСК НЕОБЯЗАТЕЛЬНОЙ ЗАВИСИМОСТИ:fsevents@1.2.9(node_modules\fsevents):
npm ПРЕДУПРЕЖДЕНИЕ notsup ПРОПУСК ОПЦИОНАЛЬНОЙ ЗАВИСИМОСТИ: Неподдерживаемая платформа дляfsevents@1.2.9: wanted {"OS":"Darwin","arch":"any"} (текущий: {"OS":"win32","arch":"x64"})

+ font-awesome@4.7.0
+ angular-font-awesome@3.1.2
добавлено 69 пакетов и обновлено 1 пакет за 10.117 секунды

Импортный модуль:

Импорт в модуль app.module.ts или подмаршрутизации:

Вход виден.

Знакомство с SCSS-таблицами стилей:

angular.json решите ввести библиотеку стилей, основанную на используемом CSS-синтаксисе, следующим образом:

Вход виден.

Если тыНе используетсяCLI, пожалуйста, импортируйте таблицу стилей в ваш index.html файл:

Вход виден.

(Просто игнорируй это)

Применение:

Вход виден.

Свойства	тип	расположение	Опционально
имя	Струна	F-A Icons	Нет
размер	Струна	LG, 2x, 3x, 4x, 5x	Да
исправлено	Булев	правда \| ложь	Да
Анимация	Струна	Spin \| пульс	Да
Вращать	Число \| Струна	90 \| 180 \| 270 горизонтально \| вертикальный	Да
Обратное	Булев	правда \| ложь	Да

Поиск по иконкам шрифта:Вход по гиперссылке виден.

Ресурсы:Вход по гиперссылке виден.

yydnjas · Опубликовано 12.08.2021 10:12:26

Спасибо, большой парень

Маленькая мразь · Опубликовано 07.08.2024 21:13:14

Серия Angular 18 (двадцать два) представляет библиотеку иконок FontAwesome
https://www.itsvse.com/thread-10805-1-1.html

[Угловат] Angular 6 представляет учебник по иконкам Font Awesome

Связанные публикации

Просмотренные разделы