如何使用角形材料设计类似Google+的导航栏 [英] How can I design a Google+ like, nav-bar using angular material

问题描述

如何设计类似Google+使用的导航栏 棱角材料?

How can I design a nav-bar styled like the one Google+ has using angular material ?

我不知道如何获得此导航栏，并且以这种方式设置了搜索框， 它以为是由Google制造的材料设计用于此目的，但我在角度材料实现中看不到这种东西.

I don't know how to get this nav bar, and with the search box styled this way, it thought material design made by google was used for this, but i can't see such things in angular material implementation.

我想为某个应用制作类似于G +的样式，因为它非常好并且适合该样式.

I wanted to make a style similar to G+ for an app, coz it's very nice and suitable for that one.

推荐答案

去这里！ 它不完全符合设计，但对您来说是个不错的起点. http://codepen.io/mackelito/pen/VKxGmR

Here you go! It´s not exactly as the design but it´s a good starting point for you.. http://codepen.io/mackelito/pen/VKxGmR

注意:它只是占位符，因此尚无任何功能..玩得开心！ :) 对于我添加的图标

Note: it´s just placeholders so no functionality yet.. have fun! :) for the icons I have added

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

在头部标签中

这篇关于如何使用角形材料设计类似Google+的导航栏的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！