开发笔记：优化角度材质设置对话框的设计与实现

篇首语：本文由编程笔记#小编为大家整理，主要介绍了最小化角度材质对话框相关的知识，希望对你有一定的参考价值。

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

新增/编辑：

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

• 最终禁用关闭功能。


• 将它放在一边或切换到水平布局


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

例：

.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;
}


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