无法更改纸张抽屉面板Polymer 1.0上的抽屉宽度

时间:2015-09-15 20:16:44

标签: polymer-1.0

这是非常基本但我不知道这是一个错误还是我错了什么。 我无法改变纸抽屉面板中抽屉的宽度。在文档页面中指定添加属性drawerWith。 这是一些代码:

<dom-module id="my-app">
<template>
<style>
:host {
display: block;
}
</style>

<paper-drawer-panel drawerWidth="300px">
<!--  Nav Bar -->
<section drawer>
<!-- Logo -->
<div id="logoContainer">
<img id="logo" src="../img/logo.png">
</div>
</section>

<!--  Content  -->
<paper-header-panel main>
<paper-toolbar>
<paper-icon-button icon="menu" paper-drawer-toggle></paper-icon-button>
<div class="flex">My App</div>
</paper-toolbar>
</paper-header-panel>

</paper-drawer-panel>

</template>

<script>
// element registration
Polymer({
is: "my-app",

});
</script>

</dom-module>

1 个答案:

答案 0 :(得分:5)

这应该有效:

<paper-drawer-panel drawer-width="300px">

Here你可以找到谈论它的文档。

  

带有破折号的属性名称通过将每个破折号后面的字符大写,然后删除破折号来转换为camelCase属性名称。例如,属性first-name映射到firstName。

因此,在您的元素中使用它时,文档中说drawerWidth必须是:drawer-width