Blazor-找到特定(自定义)组件时更改容器布局

时间:2020-01-13 20:59:41

标签: css blazor blazor-server-side

这也许是一个奇怪的问题,用这种方式做可能太矫情了,但是作为Blazor的新手,我很好奇是否可能。

我可以根据div元素中的特定组件更改div元素的样式吗?

因此,为了进一步解释,我创建了2个navbars和一个horizontal navbar,它们可以实现。 这些自定义vertical navbar可以添加到navbar components文件中,如下所示:

MainLayout.razor

主要布局被导入到我的所有Blazor页面中(就像默认设置一样),在<HorizontalNavbar></HorizontalNavbar> <div class="main"> <h1>my testing title</h1> </div> 文件中添加了_Host.cshtml div / class。如果主布局文件包含<app>组件,我想将应用程序的样式更改为flex-direction: column;,如果主布局文件包含HorizontalNavbar,则要将应用程序的样式更改为flex-direction: row;。无论如何有可能吗?

当然,我可以在每个导航栏组件中定义一个包装类,具有正确的伸缩方向,但随后我会得到类似的东西:

VerticalNavbar

看起来不太好。有什么想法可以做到这一点?也许是这样的:https://blazorfiddle.com/s/385py5jb,但是随后找到特定控件/ css类的事件/触发器?

0 个答案:

没有答案