复制向导样式

时间:2018-01-18 10:08:13

标签: vmware-clarity

如何复制向导模式菜单?我喜欢向导模式的风格,但不需要向导的行为即。步骤验证等。

我目前正在使用clr-tree-node我的菜单中的网格让我接近向导风格但是将它精确匹配会非常棒。

这就是我现在所拥有的:

<clr-modal [(clrModalOpen)]="display" [clrModalSize]="'lg'" [clrModalClosable]="true">
  <h3 class="modal-title">Preferences</h3>

  <div class="modal-body">
    <div class="row">
      <div class="col-md-4">
        <clr-tree-node *ngFor="let menuItem of menu" >
          <a class="clr-treenode-link" [class.active]="menuItem.id === activeMenuItem" (click)="toggleContent(menuItem)">{{menuItem.name}}</a>
          <ng-template [clrIfExpanded]="expandedCheck(menuItem.id)" *ngIf="menuItem | objectHas:'subMenu'">
            <clr-tree-node *ngFor="let subMenuItem of menuItem.subMenu">
              <a class="clr-treenode-link" [class.active]="subMenuItem.id === activeMenuItem" (click)="toggleContent(subMenuItem)">{{subMenuItem.name}}</a>
            </clr-tree-node>
          </ng-template>
        </clr-tree-node>
      </div>
      <div class="col-md-8">
        <form [formGroup]="form">
          <h4>General</h4>

0 个答案:

没有答案