首页 文章

最小化角度材质对话框

提问于
浏览
0

谁能帮助我如何保持角度材料对话最小化,如下所示?我想使用材质对话框组件打开多个对话框's and able to switch between them. Is this possible in angular material (I was only be able to open stacked dialog'?
enter image description here

1 回答

  • 0

    我想你应该开始在CodesandboxStackblitz创建至少一个bin . 此外,定制现有和维护的官方库通常不是那么方便 . 相反,我建议你将数据传递给他们制作的另一个新组件,称为bottom-sheet .

    Added/Edited:

    您可以使用该组件来保持最小化,然后:

    • 最终禁用关闭功能 .

    • 将其放在侧面或切换到水平布局

    • 然后你可以在它上面添加一个修饰符类

    例:

    .mat-bottom-sheet-container--horizontal .mat-nav-list { 
      display: flex
    }
    
    .mat-bottom-sheet-container--horizontal .mat-list-item {
      height: 45px;
      background-color: rgba(0,0,0,0.1);
      margin: 0 12px;
      padding: 0 12px;
    }
    

    显然你需要实现按钮来关闭/删除它们 .

相关问题