如何在侧边菜单上增加子分类项的高度？

Question

我在angular 7上工作，我的工作是在app上显示分类报表和报表子项

分类为每个类别选择。

我面临的问题，我需要增加每个子类别报告的高度。

例如SwTest作为图像，我需要增加高度的单元格的子类别只。

在我的stackblitz完整的样品工作的菜单 请看这里的代码

对于子类别。

  <div *ngIf="subrep.reportCategoryID === rep.reportCategoryID" class="wrapper" >


              <a href="/reportdetails?id={{subrep.reportID}}">


   <span class="sideNav nav navbar">{{subrep.reportName}}</span>
    </a>
  </div>

.wrapper{
  background:#f1f1f1;
  width: 100%;
  border-top: 1px solid #d1b792;
  border-bottom: 1px solid #d1b792;

}

Answer 1

你有一个 wrapper 子菜单上的CSS类 <div>. 试试这个

.wrapper { 
  height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

会是这样的