怪物奇妙物语

宇宙无敌超级美少男的怪物奇妙物语

首页 新随笔 联系 管理
  819 随笔 :: 0 文章 :: 2 评论 :: 16万 阅读

blazor 折叠按钮 功能

<div class="top-row ps-3 navbar navbar-dark">
<div class="container-fluid">
<!-- 👇👇👇 -->
<button title="Navigation menu" class="navbar-toggler" @onclick="ToggleNavMenu">
<span class="navbar-toggler-icon"></span>
</button>
</div>
</div>
<!-- 👇👇👇 -->
<div class="@NavMenuCssClass" @onclick="ToggleNavMenu">
</div>
@code {
private bool collapseNavMenu = true; // 小写变量
private string? NavMenuCssClass => collapseNavMenu ? "collapse" : null; // 一般来说绑定的变量都是大写,直接绑定也行
private void ToggleNavMenu()
{
collapseNavMenu = !collapseNavMenu;
}
}
.collapse {
/* Never collapse the sidebar for wide screens */
display: block;
}
posted on   超级无敌美少男战士  阅读(15)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 推荐几款开源且免费的 .NET MAUI 组件库
· 实操Deepseek接入个人知识库
· 易语言 —— 开山篇
· Trae初体验
历史上的今天:
2022-11-27 todolist 外观模式
点击右上角即可分享
微信分享提示