飞镖聚合物如何更改应用程序抽屉宽度

Question

如何更改聚合物应用抽屉中抽屉的宽度？有getWidth方法，但没有setWidth。

我是否需要使用--app-drawer-width？如果是这样，那是怎么做的？我试过这个：

int drawerWidthPxInt = 256; 

@Listen("handleNarrower") 
handleNarrower(var event, var x) { 
    AppDrawer drawer = document.querySelector("#idDrawerNav"); 
    drawerWidthPxInt -= 40; 
    drawerWidthPxInt = max(drawerWidthPxInt, 36); 
    drawer.customStyle['--app-drawer-width'] = drawerWidthPxInt; 
    drawer.updateStyles(); 
} 

但是在最后一行失败。

感谢

史蒂夫

Answer 1

您可以在DOM模块模板的样式部分指定宽度，如下图所示：

<template> 
    <style> 
     app-drawer { 
      --app-drawer-width: 160px; 
     } 
     ... 
    </style> 
</template>