在Angular Material 2中设置底部工作表的宽度

Question

我可以在Angular Material 2中设置底片的宽度(固定或百分比)吗？

非常感谢

Answer 1

使用panelClassconfig参数.例如:

在styles.css:(全局样式文件而不是component.css文件)

.custom-width {
    width: 450px;
}

In your component.ts:

this.bottomSheet.open(BottomSheetOverviewExampleSheet, {
  panelClass: 'custom-width'
});

https://stackblitz.com/angular/qvokqxjgbrn

注意:只有像素宽度才有效.