Я теряю свои стили при обновлении PrimeNG с 5 до 7 - PullRequest
Новая
       78

Я теряю свои стили при обновлении PrimeNG с 5 до 7

0 голосов
/ 10 апреля 2020

В настоящее время я пытаюсь обновить PrimeNG в моем проекте Angular 7 с ^ 5.2.7 до ^ 7.1.3. После обновления, когда я запускаю «ng serve», я получаю ошибки, связанные с выпадающим меню и множественным выбором. Чтобы это исправить, предлагается установить @ angular / cdk. Но после выполнения этого шага мои стили перестали работать, потому что @ angular / cdk меняет все классы, начиная с "fa" (для шрифта awesome) на "pi" (primeicons). А также добавлены некоторые новые стили, например, для класса "ui-dropdown". что создает много проблем в большом проекте. Есть ли способ предотвратить изменение стиля и класса при обновлении PrimeNG?

Заранее спасибо.

1 Ответ

0 голосов
/ 10 апреля 2020

структура темы была синусоидальной, добавлена ​​версия 6, добавлена ​​новая тема, а старая тема устарела.

style.s css (глобальный стиль) 

@import "primeicons/primeicons.css";
@import "primeng/resources/themes/nova-dark/theme.css";
@import "primeng/resources/primeng.min.css";

другим способом установив стиль angular. json file 

"styles": [
  "node_modules/primeicons/primeicons.css",
  "node_modules/primeng/resources/themes/nova-light/theme.css",
  "node_modules/primeng/resources/primeng.min.css",
  //...
],

, проверьте руководство по установке ? для версии 7.x

, ранее использовавшееся для использования шрифта Awesome версии 4.x после 5-й версии используют внутренние символы и дают возможность использовать любую библиотеку иконок

, вы можете установить шрифт awsome verion 5 следующим образом 

npm i @fortawesome/fontawesome-free@5

, затем вы можете импортировать такой стиль 

@import "@fortawesome/fontawesome-free/css/all.css";
...