Blazor - Wechselbehälter Lay-out, wenn eine bestimmte (custom) Komponente gefunden wird

stimmen
0

Dies ist vielleicht eine seltsame Frage, und es könnte sein , übertreibt es auf diese Art und Weise zu tun, aber als Neuling auf Blazormich ist gespannt , ob es möglich ist.

innerhalb dieses div-Elements in Abhängigkeit von bestimmten Komponenten Kann ich den Stil meines div-Elements ändern?

So erklärt es ein bisschen mehr, I 2 erstellt , navbarsdie ich umsetzen kann, ein horizontal navbarund ein vertical navbar. Diese Gewohnheit navbar componentskann in dem hinzugefügt wird MainLayout.razorDatei wie folgt:

<HorizontalNavbar></HorizontalNavbar>

<div class=main>
    <h1>my testing title</h1>
</div>

Die Haupt-Lay-out in allen Seiten meiner Blazor importiert wird (wie Standard), in der _Host.cshtmlDatei das <app>ist div / Klasse hinzugefügt. Ich mag den Stil der App ändern , flex-direction: column;wenn die Haupt-Layout - Datei eine enthält HorizontalNavbarKomponente, und flex-direction: row;wenn das Haupt-Layout enthält die VerticalNavbar. Ist das in irgendeiner Weise möglich?

Natürlich könnte ich definiere nur eine Wrapper-Klasse, mit den richtigen Flex-Richtungen, innerhalb jedem der navbar Komponenten, aber dann würde ich so etwas bekommen:

<HorizontalNavbar>
   All my inner content
</HorizontalNavbar>

Die sieht nicht sehr groß. Irgendwelche Ideen , um dies zu erreichen? Vielleicht so etwas wie diese: https://blazorfiddle.com/s/385py5jb aber dann mit dem Ereignisse / Auslöser eine bestimmte Steuerung / CSS - Klasse zu finden?

Veröffentlicht am 13/01/2020 um 23:59
quelle vom benutzer
In anderen Sprachen...                            

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more