javascript - Material 组件-web : How to increase width of a Tempory Drawer?

Question

Material-components-web:如何增加临时抽屉的宽度？

你好

我有一个关于 Material-components-web 的小问题

在可用的演示中here ，我想扩大临时抽屉的大小以添加一些列。

我尝试修改宽度或在右侧设置负边距，但在这种情况下不起作用。

有人可以帮我解决这个问题吗？

非常感谢。

Answer 1

嗨，我假设您想扩大扩展抽屉的宽度。经过一番分析后，我注意到导航栏上设置了最大宽度。所以我们必须先用 javascript 删除它。我就是这样做的。

var element= var element = document.getElementsByClassName('mdc-
temporary-drawer__drawer')[0];
element.style.maxWidth='none';

在此之后我可以应用我想要的任何宽度。因此，如果您想应用 500px 的宽度，您可以:

element.style.width='500px';