纸张项目并排显示(内部纸张菜单,内部纸张菜单按钮)

时间:2019-01-16 14:28:21

标签: polymer-1.0

我的代码中有一个纸质菜单按钮,如下所示:

<paper-menu-button style="position:absolute; right:0; bottom:0" vertical-align="bottom" horizontal-align="right">
    <paper-button icon="expand-more" class="dropdown-trigger" style="background-color:#00A9FE; top:2px" raised>
        <span>Send</span>
        <iron-icon icon="expand-more"></iron-icon>
    </paper-button>

    <paper-menu class="dropdown-content">
        <paper-item on-click="_setPriority">Urgent</paper-item>
        <paper-item on-click="_setHigh">High</paper-item>
        <paper-item on-click="_setMedium">Medium</paper-item>
        <paper-item on-click="_setLow">Low</paper-item>
    </paper-menu>
</paper-menu-button>

当用户登录到系统时,列表将正确显示,如下所示: enter image description here

但是,当没有用户登录到系统时,列表显示如下: enter image description here

此功能位于帮助按钮上,无论用户是否登录系统,该按钮都必须可用。

加载此项目时,控制台中没有警告,也没有错误。无论用户是否登录,代码都没有不同。该元素的样式与用户是否登录时没有什么不同。

以前有人遇到过此问题吗?有谁知道为什么会这样?

1 个答案:

答案 0 :(得分:0)

我错过了到paper-menupaper-item的进口。

它们必须包含在用户登录时加载的页面中,这就是为什么它可以与登录用户一起使用的原因,而当没有用户登录时则不能。

我还假设导入paper-menu-button将导入paper-menupaper-item