Question

根据官方提供的例子：全宽，标题，菜单，页脚标题菜单
[flex-sm =“33”] [flex-md =“20”]主要[flex]页脚只需将css用作angular-material.css，但显示错误！

Answer 1

确保您使用的是最新版本，因为文档仅显示最新版本的文档。所以现在你可能会看到0.6.0rc1的文档，它有0.5.1的几个beaking更改/重命名，请参考changelog进行修复。

如果你想要一个带有侧边菜单和页脚的全宽标题，这里是0.6.0rc1的正确标记

<div layout="column" layout-fill>
    <div layout="row">
        <span>Your header</span>
    </div>
    <div layout="row" flex>
        <div layout="column" flex="33">
            Sidebar
        </div>
        <div flex="66">
            Main content
        </div>
    </div>
    <div layout="row">
        The footer!
    </div>
</div>

这只是一个基本布局，您可能会将标题替换为md-tollbar，而侧面菜单会替换为md-sidenav。但这应该可以帮助你。

此外，如果您想使用0.5.1仍然只需将row替换为horizontal，将column替换为vertical

全宽度页眉菜单页脚无法正确显示角度素材

1 个答案: