聚合物應用抽屜佈局responsiveWidth屬性

我試圖遵循爲了在設置responsiveWidth屬性上我app-drawer-layout的文檔（https://www.webcomponents.org/element/PolymerElements/app-layout/app-drawer-layout）有應用程序抽屜默認是關閉的：聚合物應用抽屜佈局responsiveWidth屬性

<!doctype html> 
<html lang="en-GB"> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes"> 
    <title>title</title> 

    <script src="/bower_components/webcomponentsjs/webcomponents-lite.min.js"></script> 

    <link rel="import" href="/bower_components/app-layout/app-drawer-layout/app-drawer-layout.html"> 
    <link rel="import" href="/bower_components/app-layout/app-header/app-header.html"> 
    <link rel="import" href="/bower_components/app-layout/app-header-layout/app-header-layout.html"> 
    <link rel="import" href="/bower_components/app-layout/app-scroll-effects/effects/waterfall.html"> 
    <link rel="import" href="/bower_components/app-layout/app-toolbar/app-toolbar.html"> 
</head> 
<body unresolved class="fullbleed"> 
    <app-drawer-layout fullbleed responsiveWidth="10000px"> 
     <app-drawer> 
      drawer 
     </app-drawer> 
     <app-header-layout fullbleed> 
      <app-header reveals effects="waterfall"> 
       <app-toolbar> 
        <paper-icon-button icon="menu" drawer-toggle></paper-icon-button> 
        <div main-title>Title</div> 
       </app-toolbar> 
      </app-header> 
     </app-header-layout> 
    </app-drawer-layout> 
</body> 
</html>

我的亭子依賴關係是：

"paper-elements": "polymerelements/paper-elements#latest", 
"iron-elements": "polymerelements/iron-elements#latest", 
"neon-elements": "polymerelements/neon-elements#latest", 
"app-elements": "polymerelements/app-elements#latest"

我哪裏錯了？

編輯：也許應該提，我運行Chrome 49

來源

2017-04-05 Cheetah

你想responsive-width不responsiveWidth。

來源

2017-04-05 14:33:35

此文檔在哪裏出於興趣？ – Cheetah

HTML屬性不區分大小寫。 Polymer在camelCase Javascript屬性和html屬性之間進行映射。 –

聚合物應用抽屜佈局responsiveWidth屬性

回答

相關問題