聚合物纸下拉菜单按钮收缩

时间:2015-11-10 21:23:44

标签: html css polymer polymer-1.0 paper-elements

我是聚合物的新手,使用的是版本1.0,我在纸张下拉菜单按钮上遇到了同样的问题。

每次点击它,它的高度都会变小。

以下是代码:

    <!DOCTYPE html>
<html>
    <head>
        <title>test</title>
        <script src="../bower_components/webcomponentsjs/webcomponents.js"></script>
        <link rel="import" href="bower_components/iron-icons/iron-icons.html">
        <link rel="import" href="bower_components/polymer/polymer.html">
        <link rel="import" href="bower_components/paper-button/paper-button.html">
        <link rel="import" href="bower_components/paper-toolbar/paper-toolbar.html">
        <link rel="import" href="bower_components/paper-icon-button/paper-icon-button.html">
        <link rel="import" href="bower_components/paper-item/paper-item.html">
        <link rel="import" href="bower_components/paper-menu/paper-menu.html">
        <link rel="import" href="bower_components/paper-menu-button/paper-menu-button.html">
        <link rel="import" href="bower_components/paper-dropdown-menu/paper-dropdown-menu.html">

    <style>
        html,body {
            height: 100%;
            margin: 0;
            background-color: #EFFBFB;
            font-family: 'RobotoDraft', sans-serif;
        }

    </style>

</head>

<body>
    <paper-toolbar id="mainToolbar">
        <paper-icon-button id="paperToggle" icon="menu" paper-drawer-toggle></paper-icon-button>
            <div class="app-name">Dashbord</div>
            <span class="flex"></span>
            <paper-menu-button horizontal-align="right" horizontal-offset="20" vertical-align="top" vertical-offset="50" height="100%">
            <paper-icon-button icon="more-vert" class="dropdown-trigger"></paper-icon-button>
            <paper-menu class="dropdown-content">
                <paper-item>Share</paper-item>
                <paper-item>Settings</paper-item>
                <paper-item>Help</paper-item>
            </paper-menu>
       </paper-menu-button>
    </paper-toolbar>

    <div class="horizontal-section-container">
        <div class="horizontal-section">

            <paper-menu>
                    <paper-item><iron-icon icon="inbox" item-icon></iron-icon>  Inbox</paper-item>
                <paper-item><iron-icon icon="send" item-icon></iron-icon>  Outbox</paper-item>
                <paper-item><iron-icon icon="delete" item-icon></iron-icon>  Trash</paper-item>
                <paper-item><iron-icon icon="report" item-icon></iron-icon>  Spam</paper-item>

            </paper-menu>

        </div>
    </div>
</body>

另一件事是该演示遇到同样的问题。

我需要重新安装吗?改我的进口?

感谢。

0 个答案:

没有答案