Ця стаття є дзеркальною статтею машинного перекладу, будь ласка, натисніть тут, щоб перейти до оригінальної статті.

Architect_Programmer_Code Сільськогосподарська мережа»Архітектор › Фронтенд-дизайн і веб › Передня рама › Angular 6 представляє навчальний посібник з іконками Font Awesome
Вид: 25649|Відповідь: 2

[Кутовий голос] 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 WARNING notsup ПРОПУСК НЕОБОВ'ЯЗКОВОЇ ЗАЛЕЖНОСТІ: Непідтримувана платформа дляfsevents@1.2.9: потрібен {"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
Так
виправлено
Булевий
правда | неправда
Так
Анімація
Струна
Обертання | пульс
Так
Обертатися
Кількість | Струна
90 | 180 | 270 горизонтально | вертикальний
Так
Обернена
Булевий
правда | неправда
Так

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

Ресурси:Вхід за гіперпосиланням видно.




Попередній:Повний набір матеріалів, які часто використовують HR
Наступний:Шаблон сторінки помилки HTML 500

Пов'язані дописи
Опубліковано 12.08.2021 10:12:26 |
Дякую, великий хлопче
 Орендодавець| Опубліковано 07.08.2024 21:13:14 |
Серія Angular 18 (двадцять два) представляє бібліотеку іконок FontAwesome
https://www.itsvse.com/thread-10805-1-1.html
Застереження:
Усе програмне забезпечення, програмні матеріали або статті, опубліковані Code Farmer Network, призначені лише для навчання та досліджень; Вищезазначений контент не повинен використовуватися в комерційних чи незаконних цілях, інакше користувачі несуть усі наслідки. Інформація на цьому сайті надходить з Інтернету, і спори щодо авторських прав не мають до цього сайту. Ви повинні повністю видалити вищезазначений контент зі свого комп'ютера протягом 24 годин після завантаження. Якщо вам подобається програма, будь ласка, підтримуйте справжнє програмне забезпечення, купуйте реєстрацію та отримайте кращі справжні послуги. Якщо є будь-яке порушення, будь ласка, зв'яжіться з нами електронною поштою.
Mail To:help@itsvse.com