如何解决如何在 blazorise 中使用 Animate 和 Button 隐藏侧边栏?
我想在 blazorise 中创建一个由 Animate 显示的折叠侧边栏,但我无法通过单击按钮来隐藏它。
在 MainLayout.razor 中:
@inherits LayoutComponentBase
<div class="page">
<Animate Animation="Animations.SlideLeft" Duration="TimeSpan.FromSeconds(1)" Delay="TimeSpan.FromSeconds(0)">
<div class="sidebar">
<NavMenu />
</div>
</Animate>
<div class="main">
<div class="content px-4">
@Body
<FetchData />
</div>
</div>
在 NavMenu.razor 中:
<div class="top-row pl-4 navbar navbar-dark fixed-bottom">
<button class="sidebar-minimizer">
<Icon Name="IconName.AngleRight"></Icon>
</button>
</div>
在 index.html 中:
<style>
.sidebar-minimizer {
background-color: rgba(0,0.2);
}
</style>
你能告诉我这段代码有什么问题吗?还有其他方法可以制作折叠侧边栏吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。