init commit

2018-10-26 11:33:25 +08:00
commit bec3bb9137
106 changed files with 29628 additions and 0 deletions
@@ -0,0 +1,50 @@
+<nav class="navbar navbar-expand navbar-dark bg-dark">
+    <a class="navbar-brand" href="#">广州智能科技发展有限公司</a>
+
+    <div class="collapse navbar-collapse">
+        <ul class="navbar-nav ml-auto mr-4">
+            <li class="nav-item dropdown mr-2">
+                <a class="nav-icon nav-link" data-toggle="dropdown" id="messagesDropdown" aria-haspopup="true"
+                    aria-expanded="false">
+                    <div class="icon-container">
+                        <i class="fa fa-bell-o"></i>
+                        <span>7</span>
+                    </div>
+                </a>
+                <div class="dropdown-menu dropdown-menu-right" aria-labelledby="messagesDropdown">
+                    <a class="dropdown-item" href="#">Action</a>
+                    <a class="dropdown-item" href="#">Another action</a>
+                    <a class="dropdown-item" href="#">Something else here</a>
+                </div>
+            </li>
+            <li class="nav-item dropdown mr-2">
+                <a class="nav-icon nav-link" data-toggle="dropdown" id="alertsDropdown" aria-haspopup="true"
+                    aria-expanded="false">
+                    <div class="icon-container">
+                        <i class="fa fa-envelope-o"></i>
+                        <span style="background:#0cc2aa">4</span>
+                    </div>
+                </a>
+                <div class="dropdown-menu dropdown-menu-right" aria-labelledby="alertsDropdown">
+                    <a class="dropdown-item" href="#">Action</a>
+                    <a class="dropdown-item" href="#">Another action</a>
+                    <a class="dropdown-item" href="#">Something else here</a>
+                </div>
+            </li>
+            <li class="nav-item dropdown">
+                <a class="nav-link user-info" data-toggle="dropdown" id="userDropdown" aria-haspopup="true"
+                    aria-expanded="false">
+                    <div class="user-container">
+                        <span class="mr-2">Chris Wood</span>
+                        <img src="/assets/images/Vlad.png" alt="">
+                    </div>
+                </a>
+                <div class="dropdown-menu dropdown-menu-right" aria-labelledby="userDropdown">
+                    <a class="dropdown-item" href="#">Action</a>
+                    <a class="dropdown-item" href="#">Another action</a>
+                    <a class="dropdown-item" href="#">Something else here</a>
+                </div>
+            </li>
+        </ul>
+    </div>
+</nav>
@@ -0,0 +1,50 @@
+@import "../../theme/scss/variables";
+.navbar {
+    height: 66px;
+    .nav-icon {
+        padding: 0.1rem 0.75rem;
+        cursor: pointer;
+        display: block;
+        font-size: 1.5rem;
+        transition: color 0.1s ease-in-out, color 0.1s ease-in-out;
+        &:hover {
+            color: $white;
+            .icon-container {
+                > span {
+                    top: -7px;
+                }
+            }
+        }
+        .icon-container {
+            position: relative;
+            > span {
+                background: $red;
+                box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.05);
+                border-radius: 50%;
+                display: block;
+                height: 18px;
+                width: 18px;
+                padding: 1px;
+                position: absolute;
+                top: -4px;
+                right: -8px;
+                text-align: center;
+                transition: top 0.1s ease-out;
+                font-size: 0.675rem;
+                color: #fff;
+            }
+        }
+    }
+    .user-info {
+        cursor: pointer;
+        .user-container {
+            > img {
+                width: 40px;
+                height: 40px;
+                border-radius: 50%;
+                margin-top: -15px;
+                margin-bottom: -15px;
+            }
+        }
+    }
+}
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PageTopComponent } from './page-top.component';
+
+describe('PageTopComponent', () => {
+  let component: PageTopComponent;
+  let fixture: ComponentFixture<PageTopComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ PageTopComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(PageTopComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-page-top',
+  templateUrl: './page-top.component.html',
+  styleUrls: ['./page-top.component.scss']
+})
+export class PageTopComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}
@@ -0,0 +1,13 @@
+import { PageTopModule } from './page-top.module';
+
+describe('PageTopModule', () => {
+  let pageTopModule: PageTopModule;
+
+  beforeEach(() => {
+    pageTopModule = new PageTopModule();
+  });
+
+  it('should create an instance', () => {
+    expect(pageTopModule).toBeTruthy();
+  });
+});
@@ -0,0 +1,12 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { PageTopComponent } from './page-top.component';
+
+@NgModule({
+    imports: [
+        CommonModule
+    ],
+    declarations: [PageTopComponent],
+    exports: [PageTopComponent]
+})
+export class PageTopModule { }