下面可以再添加点自定义的样式，主要设置一下 Admin 组件里的这个子导航的样式。回到项目，先打开 Admin 组件的模板文件，这里可以用一个 nav 标签，包装一下导航里的这两个链接。

再打开组件的样式表，先设置一下 nav 元素的样式，用 border-bottom，在底部添加一条边框，颜色是 #eee。用 margin-bottom 在底部添加点外边距，大小是 32px。

下面再设置一下 nav 元素里的 a 标签的样式，把 dispay 设置成 inline-block，再用 padding 添加点内边距，上下是 12px，左右是 16px。 底部的外边距，大小设置成 -1px。 文字的颜色是 rgba，颜色是黑色，不透明度可以是 0.7。

激活状态的 a 元素上面会有一个 active 类， nav a.active，激活状态下的文字的颜色是黑色，然后在底边可以添加一条黑色的边框。

演示视图的样式还有个地方需要修改一下，打开 demo.component.css ，找到里面的 .content，把它的 flex-grow 的值设置成 2。主要是为了让这个内容区域点满剩余的所有空间。

预览

回到浏览器预览一下，Login 之后，再打开 Admin， 然后切换显示一下 admin 里面的这两个子路由。