Question

在我的应用程序中，我使用Polymer。应用程序由左侧部分和右侧部分组成。右边有一个按钮，当点击按钮时，纸质对话框会出现在右边的部分。但是我想在整个页面上打开它。我该怎么办？

代码是吹......

<link rel="import" href="bower_components/paper-dialog/paper-dialog.html">

        <paper-dialog id="allActAddModal"  style="width:80%;max-height:90%;margin-top:-2.5%" with-backdrop>
                   <act-create-all id="actAdd" on-save-ok="handleSaveOkTapped">
                    </act-create-all>
            </paper-dialog>

    <div class="fixed-action-btn" style="bottom: 45px; right: 24px;">
                    <a class="btn-floating btn-large red" on-click="handleAddAct">
                        <i class="large mdi-content-add"></i>
                    </a>
                </div>

        handleAddAct: function(event) {
            this.$.allActAddModal.toggle();
        }

Answer 1

在聚合物氖 - 动画中存在演示，当网格转换为半页时。您可以使用此示例来解决您的任务。

敌人帮助你在凉亭写下

"neon-elements": "PolymerElements/neon-elements#master",
"web-animations-js": "web-animations/web-animations-js#2.0.0"

在bower_components / neon-animation / demo / grid中，您可以找到所需内容。

P.S “web-animations-js”：“web-animations / web-animations-js＃2.0.0”需要在动画不起作用时解决Google Chrome中的错误

如何在整个页面上设置纸质对话框显示

1 个答案: