Blazor - değiştirme kap lay-out spesifik (özel) bileşeni bulunduğunda

oy
0

Bu belki de garip bir soru olduğunu ve bu şekilde yapmak overkill olabilir, ama yeni bir umut vaat ettiğini BlazorI mümkünse merak ediyorum.

O div öğesi içindeki belirli bileşenlere bağlı olarak benim div öğesinin stilini değiştirebilir miyim?

Bu yüzden biraz daha, ben 2 oluşturulan açıklamak navbarsBen bir uygulamaya hangi horizontal navbarbir vertical navbar. Bu özel navbar componentseklenebilir MainLayout.razorörnekteki gibi:

<HorizontalNavbar></HorizontalNavbar>

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

Ana lay-out bütün Blazor sayfa (sadece varsayılan gibi) ithal alır, içinde _Host.cshtmldosyanın <app>div / sınıf eklenir. Ben için uygulamanın stilini değiştirmek istiyorum flex-direction: column;ana-düzen dosyası içeriyorsa HorizontalNavbar, bileşen ve flex-direction: row;ana-düzen içeriyorsa VerticalNavbar. Bu yine de mümkün mı?

Tabii ki sadece navbar bileşenlerinin her içeride, uygun esnek-yön, bir sarmalayıcı sınıf tanımlayabiliriz, ama sonra böyle bir şey alacağı:

<HorizontalNavbar>
   All my inner content
</HorizontalNavbar>

Çok büyük görünmüyor hangisi. Herhangi bir fikir bunu başarmak için? Belki böyle bir şey: https://blazorfiddle.com/s/385py5jb ama sonra belirli bir kontrol / css sınıfını bulma etkinlik / tetikleyici ile?

Oluştur 13/01/2020 saat 23:59
kaynak kullanıcı
Diğer dillerde...                            

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