feat(异常模块): 新增异常模块下公共布局封装组件

src/app/feature/exception/exception/exception.component.html

@@ -0,0 +1,14 @@
+<div class="g-exception" fxLayout="row" fxLayoutAlign="center center">
+  <div class="img-box" fxFlex="62.5%">
+    <div class="img" [style.backgroundImage]="_image"></div>
+  </div>
+  <section class="content" fxFlex="auto">
+    <h2 class="title">
+      <ng-content select="[title]"></ng-content>
+    </h2>
+    <p class="description">
+      <ng-content select="[description]"></ng-content>
+    </p>
+    <a routerLink="/" sim-button [color]="'primary'">返回首页</a>
+  </section>
+</div>

src/app/feature/exception/exception/exception.component.scss

@@ -0,0 +1,30 @@
+.g-exception {
+  min-height: 500px;
+  height: 80%;
+  .img-box {
+    padding-right: 152px;
+    text-align: right;
+  }
+  .img {
+    display: inline-block;
+    height: 360px;
+    width: 100%;
+    max-width: 430px;
+    background-repeat: no-repeat;
+    background-position: 50% 50%;
+    background-size: contain;
+  }
+  .title {
+    color: #434e59;
+    font-size: 72px;
+    font-weight: 600;
+    line-height: 72px;
+    margin-bottom: 24px;
+  }
+  .description {
+    color: rgba(0, 0, 0, 0.45);
+    font-size: 20px;
+    line-height: 28px;
+    margin-bottom: 16px;
+  }
+}

src/app/feature/exception/exception/exception.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ExceptionComponent } from './exception.component';
+
+describe('ExceptionComponent', () => {
+  let component: ExceptionComponent;
+  let fixture: ComponentFixture<ExceptionComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ ExceptionComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ExceptionComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/feature/exception/exception/exception.component.ts

@@ -0,0 +1,25 @@
+import { Component, OnInit, Input } from '@angular/core';
+
+@Component({
+  selector: 'app-exception',
+  templateUrl: './exception.component.html',
+  styleUrls: ['./exception.component.scss']
+})
+export class ExceptionComponent implements OnInit {
+  _image: string;
+  @Input()
+  get image(): string {
+    return this._image;
+  }
+  set image(value: string) {
+    if (value) {
+      this._image = `url(${value})`;
+    }
+
+  }
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}