0
votes

Impossible de styler les composants de blazor

Je ne sais tout simplement pas comment styler des composants de blazor, j'ai commencé un projet avec quelque chose déjà fait, comme une pile de compteur, une barre de navigation et le genre de choses. Il y a un fichier dans le dossier wwwroot app.css , il y a beaucoup de style écrit là-bas, mais quand une suppression du code, rien ne se passe, la page continue la belle, quand j'insère Quelqu'un code, humide rien ne se passe, alors comment puis-je styler ces pages? Où devrais-je mettre mes fichiers CSS afin de les organiser?

Imprimer

css c# blazor

1 commentaires

Avez-vous essayé de reconstruire la solution (Ctrl + Shift + B), puis rafraîchissez la page Web?

3 Réponses :

0
votes

Pour appliquer le style, vous devez charger les ressources à la page correspondante comme suit: xxx

Plus d'informations à ce sujet sont trouvées dans la documentation: https://docs.microsoft.com/fr- Reliures US / Mobile-Blazor / UI / CSS-Styles

3 commentaires

Au moins c'est la solution que j'essaierais. Jamais utilisé blazer, mais la documentation mentionne cette

N'a pas fonctionné :( Cela m'a donné un message "trouvé élément de balisouil avec un nom inattendu 'stylesheet'. Si cela est destiné à être un composant, ajoutez une directive d'ébauche pour son espace de noms." Et si je mets l'erreur @, autre erreur Affiche. Quelle douleur dans mon ***.

hmm, c'est bizarre. Utilisez-vous le serveur Blazor ou le nouveau client Blazor? @Lukys

0
votes

Peut-être que le CSS est en cours de cache.

est inclus dans le fichier "index.html". Comprendre que la majeure partie du style provient réellement du fichier bootstrap.min.css.

Vous pouvez essayer de changer la référence à xxx

Voir si cela fait toute différence.

2 commentaires

Le problème a vraiment été le cache, car une raison même lorsque j'ai rechargé l'application avec CTRL + F5, le cache est resté. Je me sens si stupide haha. Merci beaucoup!

@LUKYS - Vous devez également enregistrer ce fichier .CSS entre les modifications. Assurez-vous qu'il est sur le disque.

0
votes

Pour votre CSS, vous assurez que cela se trouve dans votre fichier _host.cshtml xxx pré>

cette ligne fonctionne si vous avez un fichier CSS sous wwwroot / css / site.css, qui est la valeur par défaut Pour un nouveau projet Blazor. P>

Si vous avez un fichier CSS différence, vous pouvez le faire glisser à partir de la solution Explorateur au _host .CSHTML Fichier et Visual Studio ajoute le lien pour vous. P>

Non pas que vous devez le savoir, mais vous pouvez également référer CSS dans un package Nuget comme celui-ci: P>

<Styled @bind-Classname="@BubbleStyle">
    background-image: url('@ImageUrl');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    left: 0%;
    top: 0vh;
    width: 84%;
    height: auto;
    margin-bottom: 1.2vh;
</Styled>

0 commentaires