html - 我如何使用 Angular Material 设计类似 Google+ 的导航栏

标签 html css material-design angular-material

如何设计一个类似于 Google+ 使用的导航栏样式 有 Angular Material ?

我不知道如何获得这个导航栏,并且搜索框的样式是这样的, 它认为谷歌制作的 Material 设计用于此目的,但我在 Angular Material 实现中看不到这样的东西。

enter image description here

我想为一个应用程序制作一种类似于 G+ 的样式,因为它非常好并且适合该应用程序。

最佳答案

给你! 它与设计并不完全一样,但对您来说是一个很好的起点。 http://codepen.io/mackelito/pen/VKxGmR

注意:这只是占位符,所以还没有任何功能..玩得开心! :) 对于我添加的图标

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

在 head 标签中

关于html - 我如何使用 Angular Material 设计类似 Google+ 的导航栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39982418/

相关文章:

javascript - 如何弹出 chrome 扩展

javascript/jquery : creating a list of all option elements's text in a select tag

javascript只打印页面的一半

html - h2 不会与它上面的 h1 分开

html - 有没有办法在 Bootstrap 4 中仅在移动设备上禁用 Jumbotron?

android - 如何让溢出的弹出菜单避免遮挡操作栏?

关于 if 语句和位置移动的 jQuery 问题

html - 为什么我的 div block 在里面有一些内容时会移动?

android - 如何向嵌套在 CollapsingToolbar 中的 ImageView 添加渐变

java - 折叠工具栏布局: How to make a view disappear when collapsed