时间戳

首页 > 解决方案 > m-aside-left 侧边栏变成一个 div

html - m-aside-left 侧边栏变成一个 div

问题描述

在我的 Web 应用程序中，我在菜单的所有页面中都有一个固定的侧边栏。在一个特定的页面中，除了固定的侧边栏外，我在这个页面的正文中创建了一个 div，我想在这个 div 的左侧插入另一个侧边栏。为了创建我的通用侧边栏，我使用了m-aside-leftmetronic 类，但现在如果我在我的新 div 中使用该类来创建新的侧边栏，它会覆盖以前的侧边栏。我究竟做错了什么？为了创建这个新的侧边栏，我必须在 div 中使用哪个类？

我的 div 的 html

<div class="m-portlet__body">
  <div class="m-section">
    <!-- BEGIN: Left Aside -->
    <div id="m_aside_left" class="m-grid__item left m-aside-left m-aside-left--skin-dark">
      <!-- BEGIN: Aside Menu -->
      <div id="m_ver_menu" class="m-aside-menu  m-aside-menu--skin-dark"
        m-menu-vertical="1" m-menu-scrollable="1" m-menu-dropdown-timeout="500" style="position: relative">
        <ul class="m-menu__nav  m-menu__nav--dropdown-submenu-arrow" id="aside-menu" style="padding-top: 0px">
          <div *ngFor="let item of parameterStruct">
            <!-- single item -->
            <li *ngIf="!item.isSubClass" class="m-menu__item  sa-m-menu-item">
              <a class="m-menu__link sa-m-menu__link sa-m-menu__link">
              <span class="m-menu__link-wrap">
              <span class="m-menu__link-text icon-padding sideBar-text"
                style="padding-left: 15px; ">{{ item.description |translate }}
              </span>
              </span>
              </a>
            </li>
            <!-- end single item -->            
          </div>
        </ul>
      </div>
      <!-- END: Aside Menu -->
    </div>
    <!-- END: Left Aside -->  
  </div>
</div>

标签： htmlcssmetronic

解决方案

我认为问题在于，新的侧边栏与以前的侧边栏重叠。

您需要在 id 为“m_ver_menu”的 div 关闭或在其结束标记之后放置 New sidebar 的 html。

请在注释“”后添加您的 HTML 代码

<div class="m-portlet__body">

{{ item.description |翻译 }} 

  <!-- Start: Aside Menu 2  -->



  <!-- End: Aside Menu 2 -->

</div>
<!-- END: Left Aside -->

推荐阅读