Question

我按照说明嵌入了md-app模式重叠，但是我使用的工具栏即使在导航栏打开时也会获得~1089px的宽度。需要支持

<body style="height: 100%;" >
<apex-app inline-template id="app" style="">
<md-app md-waterfall md-mode="overlap" style="height: 100%; max-width: 100%;">
    <md-app-toolbar class="md-primary md-large">
        <div class="md-toolbar-row">
            <md-button class="md-icon-button" @click="toggleMenu" v-if="!menuVisible">
                <md-icon>menu</md-icon>
            </md-button>
            <span class="md-title">My Title</span>
        </div>
    </md-app-toolbar>
    <md-app-drawer md-persistent="full" :md-active.sync="menuVisible">
        <md-toolbar class="md-transparent" md-elevation="0">
            <span>Navigation</span>

            <div class="md-toolbar-section-end">
                <md-button class="md-icon-button md-dense" @click="toggleMenu">
                    <md-icon>keyboard_arrow_left</md-icon>
                </md-button>
            </div>
        </md-toolbar>

        <md-list>
            <md-list-item>
                <md-icon>move_to_inbox</md-icon>
                <span class="md-list-item-text">Inbox</span>
            </md-list-item>

            <md-list-item>
                <md-icon>send</md-icon>
                <span class="md-list-item-text">Sent Mail</span>
            </md-list-item>

            <md-list-item>
                <md-icon>delete</md-icon>
                <span class="md-list-item-text">Trash</span>
            </md-list-item>

            <md-list-item>
                <md-icon>error</md-icon>
                <span class="md-list-item-text">Spam</span>
            </md-list-item>
        </md-list>
    </md-app-drawer>
    <md-app-content style="width: auto;">
        @yield('content')

    </md-app-content>
</md-app>

Pastebin link

- 导航打开 - 初始页面加载位置（在底部看起来是黑色滚动条，它不应该在那里）

- 导航打开 - 页面滚动到位置（在底部看黑色滚动条，它不应该在那里）

- 导航关闭 - 现在没有黑色滚动条

水平溢出md app vue材料md收费栏

0 个答案: