mui侧滑菜单"点击含有mui-action-menu类的控件"无法实现侧滑

.mui-action-menu

标题栏 菜单按钮 指定href="#id"显示与隐藏侧滑菜单

 

html:

复制代码
<div class="mui-off-canvas-wrap mui-draggable">
  <aside id="leftNav" class="mui-off-canvas-left">
    <div class="mui-scroll-wrapper">
        <div class="mui-scroll">
          <ul class="mui-table-view">
             <li class="mui-table-view-cell">侧滑菜单列表</li>
             <li class="mui-table-view-cell">侧滑菜单列表2</li>
             <li class="mui-table-view-cell">侧滑菜单列表3</li>
          </ul>
        </div>
    </div>
  </aside>
  <div class="mui-inner-wrap">
    <header class="mui-bar mui-bar-nav">
      <a href="#leftNav" class="mui-icon mui-action-menu mui-icon-bars mui-pull-left"></a>
      <h1 class="mui-title">
      标题
      </h1>
    </header>
    <div class="mui-content mui-scroll-wrapper">
      <div class="mui-scroll">
        <p>
        具体内容
        </p>
      </div>
    </div>
  </div>
</div>
复制代码

  

href:https://badfl.gitbooks.io/mui/content/mui-action-menu.html

posted @   草木物语  阅读(2065)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律
点击右上角即可分享
微信分享提示