43 changed files with 348 additions and 360 deletions
@ -1,131 +1,58 @@
|
||||
|
||||
.example-container { |
||||
.content { |
||||
width: 100%; |
||||
height:100%; |
||||
border: 1px solid rgba(0, 0, 0, 0.5); |
||||
} |
||||
mat-accordion{ |
||||
height: 100%; |
||||
box-sizing: border-box; |
||||
padding: 5px 25px; |
||||
overflow: hidden; |
||||
display: flex; |
||||
flex-direction: column; |
||||
} |
||||
mat-sidenav{ |
||||
box-shadow: 2px 0px 5px #888888; |
||||
color: white; |
||||
background-color: #3c4252; |
||||
width: 240px; |
||||
overflow-x: hidden; |
||||
|
||||
ul{ |
||||
//头部 |
||||
header { |
||||
width: 100%; |
||||
height: 80px; |
||||
border: 1px solid #30bbec; |
||||
border-top: none;; |
||||
.title { |
||||
width: 100%; |
||||
|
||||
li{ |
||||
line-height: 48px; |
||||
cursor: pointer; |
||||
background-color: #3c4252; |
||||
color: white; |
||||
font-size: 15px; |
||||
.commondiv{ |
||||
padding-left: 52px; |
||||
} |
||||
height: 25px; |
||||
line-height: 25px; |
||||
text-align: center; |
||||
font-size: 18px; |
||||
font-weight: 550; |
||||
color: red; |
||||
} |
||||
.router{ |
||||
width: 100%; |
||||
height: 55px; |
||||
outline: none; |
||||
.routerText { |
||||
display: inline-block; |
||||
margin: 7px 15px; |
||||
width: 150px; |
||||
height: 37px; |
||||
line-height: 37px; |
||||
font-size: 20px; |
||||
text-align: center; |
||||
border-top-left-radius: 15px; |
||||
border-bottom-right-radius: 15px; |
||||
cursor:pointer; |
||||
outline: none; |
||||
border: 2px solid #999; |
||||
color: #999; |
||||
} |
||||
|
||||
} |
||||
|
||||
} |
||||
|
||||
.shownav{ |
||||
position: absolute; |
||||
top: 13px; |
||||
z-index: 200; |
||||
|
||||
} |
||||
.mat-accordion .mat-expansion-panel:first-of-type { |
||||
border-top-right-radius:0px; |
||||
border-top-left-radius:0px; |
||||
} |
||||
.mat-accordion .mat-expansion-panel:last-of-type { |
||||
border-bottom-right-radius: 0px; |
||||
border-bottom-left-radius: 0px; |
||||
} |
||||
.mat-expansion-panel{ |
||||
border-radius: 0px; |
||||
} |
||||
.mat-expansion-panel-spacing { |
||||
margin: 0px; |
||||
} |
||||
|
||||
.navbox{ |
||||
position: absolute; |
||||
left: 0px; |
||||
top: 153px; |
||||
right: -18px; |
||||
bottom: 0px; |
||||
overflow-y: scroll; |
||||
} |
||||
mat-sidenav-container.myapp-dark-theme{ |
||||
background-color: #fafafa; |
||||
color: black; |
||||
cursor: pointer; |
||||
mat-panel-title{ |
||||
color: black!important; |
||||
line-height: 24px; |
||||
} |
||||
|
||||
ul li{ |
||||
background-color: white; |
||||
color: black; |
||||
} |
||||
.biglogobox{ |
||||
background-color: #d50000; |
||||
} |
||||
color: black; |
||||
} |
||||
|
||||
.biglogobox{ |
||||
width: 250px; |
||||
background-color: #42a5f5; |
||||
padding-top: 15px; |
||||
display: block; |
||||
text-align: center; |
||||
line-height:40px; |
||||
position: relative; |
||||
color: #FFF; |
||||
font-size: 2em; |
||||
margin: 0 auto; |
||||
margin-bottom: 100px; |
||||
img{ |
||||
margin-right: 11px; |
||||
} |
||||
} |
||||
mat-panel-title mat-icon{ |
||||
color: #afb2bb; |
||||
font-size: 24px; |
||||
line-height: 24px; |
||||
margin-right: 5px; |
||||
} |
||||
mat-expansion-panel{ |
||||
background-color: #3c4252; |
||||
mat-panel-title{ |
||||
color: white; |
||||
cursor: pointer; |
||||
line-height: 24px; |
||||
} |
||||
} |
||||
|
||||
.mat-expansion-indicator::after { |
||||
color: white; |
||||
} |
||||
|
||||
.example-container .navbox .router-link-active { |
||||
background-color: rgba(225,225,225,.5); |
||||
border:0 |
||||
//路由选中样式 |
||||
.routerLinkActive { |
||||
background-color: rgba(240,136,14,0.3); |
||||
outline: none; |
||||
} |
||||
.example-sidenav-content{ |
||||
height: 100%; |
||||
|
||||
//中间区域 |
||||
.center { |
||||
flex: 1; |
||||
overflow: hidden; |
||||
} |
||||
.disabledclass{ |
||||
mat-panel-title{ |
||||
color: white; |
||||
} |
||||
|
||||
} |
||||
} |
||||
@ -0,0 +1 @@
|
||||
<p>dangerous works!</p> |
||||
@ -1,20 +1,20 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; |
||||
|
||||
import { FooterComponent } from './footer.component'; |
||||
import { DangerousComponent } from './dangerous.component'; |
||||
|
||||
describe('FooterComponent', () => { |
||||
let component: FooterComponent; |
||||
let fixture: ComponentFixture<FooterComponent>; |
||||
describe('DangerousComponent', () => { |
||||
let component: DangerousComponent; |
||||
let fixture: ComponentFixture<DangerousComponent>; |
||||
|
||||
beforeEach(async(() => { |
||||
TestBed.configureTestingModule({ |
||||
declarations: [ FooterComponent ] |
||||
declarations: [ DangerousComponent ] |
||||
}) |
||||
.compileComponents(); |
||||
})); |
||||
|
||||
beforeEach(() => { |
||||
fixture = TestBed.createComponent(FooterComponent); |
||||
fixture = TestBed.createComponent(DangerousComponent); |
||||
component = fixture.componentInstance; |
||||
fixture.detectChanges(); |
||||
}); |
||||
@ -0,0 +1,15 @@
|
||||
import { Component, OnInit } from '@angular/core'; |
||||
|
||||
@Component({ |
||||
selector: 'app-dangerous', |
||||
templateUrl: './dangerous.component.html', |
||||
styleUrls: ['./dangerous.component.scss'] |
||||
}) |
||||
export class DangerousComponent implements OnInit { |
||||
|
||||
constructor() { } |
||||
|
||||
ngOnInit(): void { |
||||
} |
||||
|
||||
} |
||||
@ -0,0 +1 @@
|
||||
<p>disposal-node works!</p> |
||||
@ -0,0 +1,25 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; |
||||
|
||||
import { DisposalNodeComponent } from './disposal-node.component'; |
||||
|
||||
describe('DisposalNodeComponent', () => { |
||||
let component: DisposalNodeComponent; |
||||
let fixture: ComponentFixture<DisposalNodeComponent>; |
||||
|
||||
beforeEach(async(() => { |
||||
TestBed.configureTestingModule({ |
||||
declarations: [ DisposalNodeComponent ] |
||||
}) |
||||
.compileComponents(); |
||||
})); |
||||
|
||||
beforeEach(() => { |
||||
fixture = TestBed.createComponent(DisposalNodeComponent); |
||||
component = fixture.componentInstance; |
||||
fixture.detectChanges(); |
||||
}); |
||||
|
||||
it('should create', () => { |
||||
expect(component).toBeTruthy(); |
||||
}); |
||||
}); |
||||
@ -0,0 +1,15 @@
|
||||
import { Component, OnInit } from '@angular/core'; |
||||
|
||||
@Component({ |
||||
selector: 'app-disposal-node', |
||||
templateUrl: './disposal-node.component.html', |
||||
styleUrls: ['./disposal-node.component.scss'] |
||||
}) |
||||
export class DisposalNodeComponent implements OnInit { |
||||
|
||||
constructor() { } |
||||
|
||||
ngOnInit(): void { |
||||
} |
||||
|
||||
} |
||||
@ -1,6 +0,0 @@
|
||||
<mat-toolbar class="footer" color="primary"> |
||||
<div> |
||||
<span>Copyright 2020. All Rights Reserved By Anxin</span> |
||||
</div> |
||||
</mat-toolbar> |
||||
|
||||
@ -1,15 +0,0 @@
|
||||
|
||||
.footer{ |
||||
position: fixed; |
||||
bottom: 0; |
||||
height: 46px; |
||||
width: 100%; |
||||
z-index: 100; |
||||
span{ |
||||
font-size: 16px; |
||||
color: white; |
||||
position: absolute; |
||||
right: 80px; |
||||
top: 8px; |
||||
} |
||||
} |
||||
@ -1,15 +0,0 @@
|
||||
import { Component, OnInit } from '@angular/core'; |
||||
|
||||
@Component({ |
||||
selector: 'app-footer', |
||||
templateUrl: './footer.component.html', |
||||
styleUrls: ['./footer.component.scss'] |
||||
}) |
||||
export class FooterComponent implements OnInit { |
||||
|
||||
constructor() { } |
||||
|
||||
ngOnInit() { |
||||
} |
||||
|
||||
} |
||||
@ -0,0 +1 @@
|
||||
<p>plan-assistance works!</p> |
||||
@ -0,0 +1,25 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; |
||||
|
||||
import { PlanAssistanceComponent } from './plan-assistance.component'; |
||||
|
||||
describe('PlanAssistanceComponent', () => { |
||||
let component: PlanAssistanceComponent; |
||||
let fixture: ComponentFixture<PlanAssistanceComponent>; |
||||
|
||||
beforeEach(async(() => { |
||||
TestBed.configureTestingModule({ |
||||
declarations: [ PlanAssistanceComponent ] |
||||
}) |
||||
.compileComponents(); |
||||
})); |
||||
|
||||
beforeEach(() => { |
||||
fixture = TestBed.createComponent(PlanAssistanceComponent); |
||||
component = fixture.componentInstance; |
||||
fixture.detectChanges(); |
||||
}); |
||||
|
||||
it('should create', () => { |
||||
expect(component).toBeTruthy(); |
||||
}); |
||||
}); |
||||
@ -0,0 +1,15 @@
|
||||
import { Component, OnInit } from '@angular/core'; |
||||
|
||||
@Component({ |
||||
selector: 'app-plan-assistance', |
||||
templateUrl: './plan-assistance.component.html', |
||||
styleUrls: ['./plan-assistance.component.scss'] |
||||
}) |
||||
export class PlanAssistanceComponent implements OnInit { |
||||
|
||||
constructor() { } |
||||
|
||||
ngOnInit(): void { |
||||
} |
||||
|
||||
} |
||||
@ -0,0 +1 @@
|
||||
<p>real-cases works!</p> |
||||
@ -0,0 +1,25 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; |
||||
|
||||
import { RealCasesComponent } from './real-cases.component'; |
||||
|
||||
describe('RealCasesComponent', () => { |
||||
let component: RealCasesComponent; |
||||
let fixture: ComponentFixture<RealCasesComponent>; |
||||
|
||||
beforeEach(async(() => { |
||||
TestBed.configureTestingModule({ |
||||
declarations: [ RealCasesComponent ] |
||||
}) |
||||
.compileComponents(); |
||||
})); |
||||
|
||||
beforeEach(() => { |
||||
fixture = TestBed.createComponent(RealCasesComponent); |
||||
component = fixture.componentInstance; |
||||
fixture.detectChanges(); |
||||
}); |
||||
|
||||
it('should create', () => { |
||||
expect(component).toBeTruthy(); |
||||
}); |
||||
}); |
||||
@ -0,0 +1,15 @@
|
||||
import { Component, OnInit } from '@angular/core'; |
||||
|
||||
@Component({ |
||||
selector: 'app-real-cases', |
||||
templateUrl: './real-cases.component.html', |
||||
styleUrls: ['./real-cases.component.scss'] |
||||
}) |
||||
export class RealCasesComponent implements OnInit { |
||||
|
||||
constructor() { } |
||||
|
||||
ngOnInit(): void { |
||||
} |
||||
|
||||
} |
||||
@ -0,0 +1 @@
|
||||
<p>similar-plans works!</p> |
||||
@ -0,0 +1,25 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; |
||||
|
||||
import { SimilarPlansComponent } from './similar-plans.component'; |
||||
|
||||
describe('SimilarPlansComponent', () => { |
||||
let component: SimilarPlansComponent; |
||||
let fixture: ComponentFixture<SimilarPlansComponent>; |
||||
|
||||
beforeEach(async(() => { |
||||
TestBed.configureTestingModule({ |
||||
declarations: [ SimilarPlansComponent ] |
||||
}) |
||||
.compileComponents(); |
||||
})); |
||||
|
||||
beforeEach(() => { |
||||
fixture = TestBed.createComponent(SimilarPlansComponent); |
||||
component = fixture.componentInstance; |
||||
fixture.detectChanges(); |
||||
}); |
||||
|
||||
it('should create', () => { |
||||
expect(component).toBeTruthy(); |
||||
}); |
||||
}); |
||||
@ -0,0 +1,15 @@
|
||||
import { Component, OnInit } from '@angular/core'; |
||||
|
||||
@Component({ |
||||
selector: 'app-similar-plans', |
||||
templateUrl: './similar-plans.component.html', |
||||
styleUrls: ['./similar-plans.component.scss'] |
||||
}) |
||||
export class SimilarPlansComponent implements OnInit { |
||||
|
||||
constructor() { } |
||||
|
||||
ngOnInit(): void { |
||||
} |
||||
|
||||
} |
||||
Loading…
Reference in new issue