标题
左侧边栏
<div class="left-sidebar left-sidebar-1 overflow-auto h-screen"> <div class="left-sidebar-item pointer-events-none "> <span class="m-l-15">智慧电商</span> </div> <ul> <li class="l0"> <a class="left-sidebar-item hidden-sibling" href="#" > <i class="iconfont icon-training text-center"></i> <span class="title">一级菜单</span> <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="ml-auto arrow" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"> <polyline points="9 18 15 12 9 6"></polyline> </svg> </a> <ul> <li class="l1"> <%= link_to "#", class: "left-sidebar-item " do %> <span class="title">二级菜单1</span> <% end %> </li> <li class="l1"> <%= link_to "#", class: "left-sidebar-item hidden-sibling" do %> <span class="title">二级菜单2</span> <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="ml-auto arrow" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"> <polyline points="9 18 15 12 9 6"></polyline> </svg> <% end %> <ul> <li class="l2"> <%= link_to "#", class: "left-sidebar-item hidden-sibling" do %> <span class="title">三级菜单1</span> <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="ml-auto arrow" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"> <polyline points="9 18 15 12 9 6"></polyline> </svg> <% end %> <ul> <li class="l3"> <%= link_to "#", class: "left-sidebar-item" do %> <span class="title">四级菜单1</span> <% end %> </li> </ul> </li> </ul> </li> </ul> </li> <li class="l0"> <a class="left-sidebar-item hidden-sibling" href="#" > <i class="iconfont icon-training text-center"></i> <span class="title">一级菜单</span> <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="ml-auto arrow" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"> <polyline points="9 18 15 12 9 6"></polyline> </svg> </a> <ul > <li class="l1"> <%= link_to "#", class: "left-sidebar-item " do %> <i class="iconfont icon-training text-center"></i> <span class="title">二级菜单1</span> <% end %> </li> <li class="l1"> <%= link_to "#", class: "left-sidebar-item hidden-sibling" do %> <i class="iconfont icon-training text-center"></i> <span class="title">二级菜单2</span> <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="ml-auto arrow" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"> <polyline points="9 18 15 12 9 6"></polyline> </svg> <% end %> <ul > <li class="l2"> <%= link_to "#", class: "left-sidebar-item hidden-sibling" do %> <i class="iconfont icon-training text-center"></i> <span class="title">三级菜单1</span> <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="ml-auto arrow" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"> <polyline points="9 18 15 12 9 6"></polyline> </svg> <% end %> <ul > <li class="l3"> <%= link_to "#", class: "left-sidebar-item" do %> <i class="iconfont icon-training text-center"></i> <span class="title">四级菜单1</span> <% end %> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </div>