这也许是一个奇怪的问题,用这种方式做可能太矫情了,但是作为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类的事件/触发器?