飛鏢聚合物如何更改應用程序抽屜寬度

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>