web-dev-qa-db-fra.com

Différents fichiers CSS dans les pages Blazor

Je veux utiliser différents fichiers CSS pour différentes mises en page et pages dans Blazor. Donc, je ne veux pas importer tous les fichiers CSS directement dans index.html mais dans chaque page ou mise en page lorsque cela est nécessaire.

<link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />
<link href="css/site.css" rel="stylesheet" />

<link href="lib/font-awesome/css/all.min.css" rel="stylesheet" />
<link href="customCss/adminpanle.min.css" rel="stylesheet" />

Donc, 2 liens que j'ai ajoutés en bas, je veux les ajouter une seule mise en page, pas dans le fichier index.html. La question est: comment puis-je ajouter css à la page blazor (fichier .razor)?

Merci d'avance!

single-page-applicationblazor
3
Emba Ayyub

Vous pouvez le faire de deux façons auxquelles je peux penser:

  1. Ajouter un <style></style> tag à votre composant de page et mettez vos styles css dans cette balise. Ce ne sera pas sur un fichier séparé. Je l'ai fait pour pouvoir utiliser des sélecteurs de style qui nécessitent des données variables. Le @ L'opérateur à charger en C # fonctionne même dans ce cas.

  2. Chargez le fichier CSS via interop javascript. La partie javascript pour le faire se trouve dans cette réponse: Comment charger des fichiers CSS en utilisant Javascript?

1
Lee McPherson