Question

我正在尝试按照文档（https://www.webcomponents.org/element/PolymerElements/app-layout/app-drawer-layout）在responsiveWidth设置app-drawer-layout属性，以便默认关闭应用抽屉：

<!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。

Answer 1

您希望responsive-width不是responsiveWidth。

Polymer app-drawer-layout responsiveWidth属性

1 个答案: