Advertisement

Angular 入门教程：第29章 简单布局的网页

阅读量：

本文采用一种简易方法，实现了一个具备可折叠左侧导航栏与固定顶部区域的网页布局结构。

修改内容概述

当前所采用的内容主要沿用前文已有的部分，为便于操作，仅对HTML与CSS的相关代码进行了简要调整。

default-layout.component.html

复制代码 
    liumiaocn:default-layout liumiao$ cat default-layout.component.html 
    <nz-layout>
      <nz-header>
    <div style="display:inline-block;width: 10%;">
      <a href="#/">
        <img src="assets/logo.svg" style="max-height:40px;">
      </a>
    </div>
    
    <div style="display:inline-block;width: 10%;">
      <button nz-button [nzType]="'primary'" (click)="handleCollapseAction()" style="margin-bottom: 10px;">
        <i class="anticon" [cl

全部评论 (0)

还没有任何评论哟~

相关文章推荐