zheng/blog-frontEnd
1
0
Fork 0
Code Issues 2 Pull Requests 12 Actions Packages Projects Releases Wiki Activity

重构界面ui

Browse Source
This commit is contained in:
小海
2020-04-06 20:48:40 +08:00
parent f2791ee150
commit 3ea8f63abc
601 changed files with 95141 additions and 90135 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
index/src/app/app.component.html
View File

@@ -1,21 +1,31 @@
<app-header></app-header>
<div style="height: 80px"></div>
<app-header (loginEvent)="login()" (registrationEvent)="registration()" #headerComponent></app-header>
<router-outlet></router-outlet>
<div style="height: 60px"></div>
<app-footer></app-footer>
<nz-modal [(nzVisible)]="userService.loginModalVisible" nzClosable="true"
(nzOnCancel)="userService.loginModalVisible=false" [nzFooter]="footerButton">
<ng-template [ngIf]="userService.loginModalType=='registration'">
<app-registration></app-registration>
</ng-template>
<ng-template [ngIf]="userService.loginModalType=='login'">
<app-login></app-login>
</ng-template>
<nz-back-top [nzTemplate]="backToTop"></nz-back-top>
<ng-template #backToTop>
<button style=" height: 60px;width: 60px;border-radius: 50%;" nz-button title="回到顶部">
<i nz-icon nzType="rocket" nzTheme="outline"></i>
</button>
</ng-template>
<nz-modal
[(nzVisible)]="loginModal" (nzOnCancel)="loginModal = !loginModal"
[nzContent]="content" [nzFooter]="null" nzWidth="400">
<ng-template #content>
<c-login (loginStatus)="loginStatus($event)" [showSendEmail]="false"></c-login>
</ng-template>
</nz-modal>
<ng-template #footerButton>
<small style="width:100%;text-align: center">小海博客</small>
</ng-template>
<nz-modal
[(nzVisible)]="regModal" (nzOnCancel)="regModal = !regModal" [nzContent]="content2"
[nzFooter]="null" nzWidth="400">
<ng-template #content2>
<c-registration (regStatus)="regModal = !$event" (regAccount)="cons($event)"></c-registration>
</ng-template>
</nz-modal>