Blazor - změna kontejner lay-out, když se zjistí, že specifický (vlastní) komponent

hlasů
0

To je možná divná otázka, a to by mohlo být přezbrojení dělat to tímto způsobem, ale jako nově příchozí do BlazorJsem zvědavý, jestli je to možné.

Mohu změnit styl svého prvku div, v závislosti na konkrétních složek v rámci tohoto prvku div?

Tak, aby to vysvětlit trochu víc, jsem vytvořil 2 navbars, které mohu realizovat, je horizontal navbara vertical navbar. Ty zakázku navbar componentsmohou být přidány do MainLayout.razorsouboru takto:

<HorizontalNavbar></HorizontalNavbar>

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

Hlavním lay-out dostane importována do všech svých stránek Blazor (stejně jako ve výchozím nastavení), ve _Host.cshtmlspisu <app>, který zní div / class. Chci změnit styl app flex-direction: column;pokud soubor main-layout obsahuje HorizontalNavbarsložku, a flex-direction: row;pokud je hlavním-layout obsahuje VerticalNavbar. Je to v každém případě je to možné?

Samozřejmě bych mohl definovat třídu obálky, se správnými flex-směrech uvnitř každé ze složek NavBar, ale pak bych dostat něco takového:

<HorizontalNavbar>
   All my inner content
</HorizontalNavbar>

Což nevypadá moc dobře. Nějaké nápady, jak toho dosáhnout? Možná, že něco takového: https://blazorfiddle.com/s/385py5jb ale pak se akce / spoušti najít třídu ovládání specifické / CSS?

Položena 13/01/2020 v 23:59
zdroj uživatelem
V jiných jazycích...                            

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