Fatal编程技术网
  • polymer/
  • Polymer 默认情况下隐藏纸张标题面板

Polymer 默认情况下隐藏纸张标题面板

polymer

Polymer 默认情况下隐藏纸张标题面板,polymer,polymer-1.0,Polymer,Polymer 1.0,我正在玩Polymer项目，想创建一个类似于Google Play Music（）的布局 如何在默认情况下隐藏抽屉并显示图标？基本上，纸盒面板的小屏幕行为应该是强制的。 如何创建一个应用程序工具栏来播放音乐 提前谢谢 <body unresolved class="fullbleed layout vertical"> <span id="browser-sync-binding"></span> <template is="dom-bi

我正在玩Polymer项目，想创建一个类似于Google Play Music（）的布局

如何在默认情况下隐藏抽屉并显示图标？基本上，纸盒面板的小屏幕行为应该是强制的。 如何创建一个应用程序工具栏来播放音乐

提前谢谢

<body unresolved class="fullbleed layout vertical">
    <span id="browser-sync-binding"></span>
    <template is="dom-bind" id="app">

        <paper-drawer-panel responsiveWidth="9999px">

            <paper-header-panel drawer>
                <paper-toolbar>
                    <div>Application</div>
                </paper-toolbar>
                <div>Drawer content...</div>
            </paper-header-panel>

            <paper-header-panel main>
                <paper-toolbar>
                    <paper-icon-button icon="menu" paper-drawer-toggle></paper-icon-button>
                    <div>Title</div>
                </paper-toolbar>
                <div>Main content...</div>
            </paper-header-panel>

        </paper-drawer-panel>

    </template>
</body>


应用
抽屉内容。。。
标题
主要内容。。。
我找到了解决方案！当诸如属性之类的基础知识不正确时，文档是非常无用的

<paper-drawer-panel responsive-width="10000px">
Erm。。。只需
强制缩小
就可以了吗


<paper-header-panel force-narrow>
  ...
</paper-header-panel>



那也行，谢谢你。文档是错误的，它说属性应该是force窄的。当然。但公平地说，这些文件虽然令人困惑，但并不完全是错误的。HTML属性不区分大小写，因此
camelCase
被序列化为
dash-case
。参考：

    /**
     * If true, ignore `responsiveWidth` setting and force the narrow layout.
     */
    forceNarrow: {
      type: Boolean,
      value: false
    },