3 |
14 |
4 |
5 | 鹿途后台管理系统
6 |
7 |
9 | 树深时见鹿，溪午不闻钟
8 |
10 |
11 |
12 |
13 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
59 |
11 |
14 |
41 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
42 |
58 |
43 |
44 |
45 | 星河
46 |
47 |
55 |
56 |
57 | -
2 |
-
4 |
5 |
-
6 |
- {{children.text}} 7 |
9 | - 10 | 11 | 12 |
2 |
--------------------------------------------------------------------------------
/src/app/layout/passport/passport.component.less:
--------------------------------------------------------------------------------
1 | .main-wrapper {
2 | width: 100%;
3 | min-height: 100%;
4 | display: flex;
5 | align-items: center;
6 | background-image: linear-gradient(to left, #0689fd 30%, #29bdd9 100%);
7 | }
8 |
9 | .layout-passport {
10 | width: 430px;
11 | height: 540px;
12 | margin-left: auto;
13 | margin-right: auto;
14 | border-radius: 4px;
15 | background: #fff;
16 | h2 {
17 | text-align: center;
18 | }
19 | }
20 |
21 | .layou-logo {
22 | display: flex;
23 | justify-content: center;
24 | padding: 20px 0;
25 | height: 80px;
26 | width: 80px;
27 | border-radius: 50%;
28 | background: url(../../../assets/icons/logo.png) center no-repeat;
29 | background-size: 100% 100%;
30 | margin: 10px auto;
31 | }
32 |
33 | .accout-slogon {
34 | display: flex;
35 | justify-content: center;
36 | align-items: center;
37 | color: #595959;
38 | font-size: 12px
39 | }
40 |
41 | .account-login {
42 | display: flex;
43 | justify-content: center;
44 | margin-top: 40px;
45 | }
--------------------------------------------------------------------------------
/src/app/layout/passport/passport.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { PassportComponent } from './passport.component';
4 |
5 | describe('PassportComponent', () => {
6 | let component: PassportComponent;
7 | let fixture: ComponentFixture2 | Angular's animations library makes it easy to define and apply animation effects such as page and list transitions. 3 |
4 | -------------------------------------------------------------------------------- /src/app/routes/animations/animation/about/about.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing'; 2 | 3 | import { AboutComponent } from './about.component'; 4 | 5 | describe('AboutComponent', () => { 6 | let component: AboutComponent; 7 | let fixture: ComponentFixture
2 |
19 |
--------------------------------------------------------------------------------
/src/app/routes/animations/animation/animation.component.less:
--------------------------------------------------------------------------------
1 | .animations {
2 | padding: 40px;
3 | font-size: 16px;
4 | nav {
5 | margin-top: 20px;
6 | }
7 | a {
8 | &:hover {
9 | background-color: #1890ff;
10 | color: #fff;
11 | }
12 | display: inline-block;
13 | color: #1890ff;
14 | padding: 8px 12px;
15 | margin: 0 10px 0 0;
16 | font-size: 16px;
17 | border-radius: 3px;
18 | border: 1px solid #1890ff;
19 | text-decoration: none;
20 | }
21 | .router {
22 | margin-top: 40px;
23 | }
24 | }
--------------------------------------------------------------------------------
/src/app/routes/animations/animation/animation.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { AnimationComponent } from './animation.component';
4 |
5 | describe('AnimationComponent', () => {
6 | let component: AnimationComponent;
7 | let fixture: ComponentFixtureAnimation
3 | Toggle All Animations 4 | 15 |
16 |
18 | 2 | auto-calu works! 3 |
4 | -------------------------------------------------------------------------------- /src/app/routes/animations/animation/auto-calu/auto-calu.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing'; 2 | 3 | import { AutoCaluComponent } from './auto-calu.component'; 4 | 5 | describe('AutoCaluComponent', () => { 6 | let component: AutoCaluComponent; 7 | let fixture: ComponentFixture
2 |
11 |
--------------------------------------------------------------------------------
/src/app/routes/animations/animation/enter-leave/enter-leave.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { EnterLeaveComponent } from './enter-leave.component';
4 |
5 | describe('EnterLeaveComponent', () => {
6 | let component: EnterLeaveComponent;
7 | let fixture: ComponentFixture
3 |
4 | A {{ hero.id }}
5 | {{ hero.name }}
6 |
8 |
9 |
10 | Touch close
7 |-
2 |
-
3 | 4 | {{ hero.id }} 5 | {{ hero.name }} 6 |7 |
8 |
2 | groups works! 3 |
4 | -------------------------------------------------------------------------------- /src/app/routes/animations/animation/groups/groups.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing'; 2 | 3 | import { GroupsComponent } from './groups.component'; 4 | 5 | describe('GroupsComponent', () => { 6 | let component: GroupsComponent; 7 | let fixture: ComponentFixture2 | Welcome to Animations in Angular! 3 |
4 | -------------------------------------------------------------------------------- /src/app/routes/animations/animation/home/home.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing'; 2 | 3 | import { HomeComponent } from './home.component'; 4 | 5 | describe('HomeComponent', () => { 6 | let component: HomeComponent; 7 | let fixture: ComponentFixture
6 |
8 |
--------------------------------------------------------------------------------
/src/app/routes/animations/animation/open-close/open-close.component.less:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ZRenu/ng-deerway/42dfae1c083fd8e955e938ede448f207b526875c/src/app/routes/animations/animation/open-close/open-close.component.less
--------------------------------------------------------------------------------
/src/app/routes/animations/animation/open-close/open-close.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { OpenCloseComponent } from './open-close.component';
4 |
5 | describe('OpenCloseComponent', () => {
6 | let component: OpenCloseComponent;
7 | let fixture: ComponentFixtureThe box is now {{ isOpen ? 'Open' : 'Closed' }}!
7 |
6 | {{ status == 'active' ? 'Active' : 'Inactive' }}
7 |
8 |
--------------------------------------------------------------------------------
/src/app/routes/animations/animation/status/status.component.less:
--------------------------------------------------------------------------------
1 | :host {
2 | display: block;
3 | }
4 |
5 | .box {
6 | width: 300px;
7 | border: 5px solid black;
8 | display: block;
9 | line-height: 300px;
10 | text-align: center;
11 | font-size: 50px;
12 | color: white;
13 | }
--------------------------------------------------------------------------------
/src/app/routes/animations/animation/status/status.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { StatusComponent } from './status.component';
4 |
5 | describe('StatusComponent', () => {
6 | let component: StatusComponent;
7 | let fixture: ComponentFixture2 | toggle works! 3 |
4 | -------------------------------------------------------------------------------- /src/app/routes/animations/animation/toggle/toggle.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing'; 2 | 3 | import { ToggleComponent } from './toggle.component'; 4 | 5 | describe('ToggleComponent', () => { 6 | let component: ToggleComponent; 7 | let fixture: ComponentFixture
2 |
3 |
11 |
--------------------------------------------------------------------------------
/src/app/routes/experiment/demo/demo/demo.component.less:
--------------------------------------------------------------------------------
1 | .demo {
2 | padding: 40px;
3 | font-size: 16px;
4 |
5 | p {
6 | margin-bottom: 10px;
7 | a{
8 | text-decoration: none;
9 | }
10 | }
11 | }
12 |
13 | .demo2 {
14 | width: 100%;
15 | height: 100px;
16 | position: relative;
17 | overflow: hidden;
18 | }
19 |
20 | .list2 li {
21 | float: left;
22 | height: 100px;
23 | margin-right: 20px;
24 | text-align: center;
25 | font-size: 20px;
26 | color: #ccc;
27 | line-height: 100px;
28 | }
29 |
--------------------------------------------------------------------------------
/src/app/routes/experiment/demo/demo/demo.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { DemoComponent } from './demo.component';
4 |
5 | describe('DemoComponent', () => {
6 | let component: DemoComponent;
7 | let fixture: ComponentFixture
4 |
10 | -
5 |
- 6 | {{item.title}} 7 | 8 |
2 |
74 |
--------------------------------------------------------------------------------
/src/app/routes/experiment/warning/warning.component.less:
--------------------------------------------------------------------------------
1 | #warning {
2 | background: linear-gradient(-90deg, #29bdd9 0%, #276ace 100%);
3 | .warining-header {
4 | height: 50px;
5 | width: 100%;
6 | color: #fff;
7 | background: rgba(255, 255, 255, .2);
8 | display: flex;
9 | align-items: center;
10 | justify-content: space-between;
11 | padding: 0 40px;
12 | font-size: 20px;
13 | letter-spacing: 4px;
14 | a {
15 | color: #fff;
16 | outline: none;
17 | cursor: pointer;
18 | font-size: 14px;
19 | letter-spacing: 1px;
20 | }
21 | }
22 | #main {
23 | display: flex;
24 | flex-flow: column;
25 | align-items: center;
26 | justify-content: space-around;
27 | .warning-row {
28 | display: flex;
29 | .warning-row-item {
30 | width: 400px;
31 | height: 300px;
32 | background: rgba(255, 255, 255, .1);
33 | margin-right: 50px;
34 | .warning-row-item-header {
35 | width: 100%;
36 | height: 50px;
37 | color: #fff;
38 | align-items: center;
39 | display: flex;
40 | justify-content: space-between;
41 | p {
42 | &:hover {
43 | background: rgba(0, 0, 0, .1)
44 | }
45 | cursor: pointer;
46 | width: 40px;
47 | height: 40px;
48 | margin: 0 10px 0 0;
49 | display: flex;
50 | align-items: center;
51 | justify-content: center;
52 | }
53 | label {
54 | margin-left: 20px
55 | }
56 | }
57 | }
58 | .warning-row-item-info {
59 | color: #fff;
60 | padding: 0 20px 20px 20px;
61 | }
62 | }
63 | }
64 | }
--------------------------------------------------------------------------------
/src/app/routes/experiment/warning/warning.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { WarningComponent } from './warning.component';
4 |
5 | describe('WarningComponent', () => {
6 | let component: WarningComponent;
7 | let fixture: ComponentFixture
3 |
8 |
4 | 设备监控报警中心(功能未开启)
5 |
6 | 主页
7 |
9 |
73 |
10 |
11 |
12 |
13 |
14 |
37 |
15 |
25 |
16 |
17 |
21 | 18 | 19 |
20 |
22 | {{data[0]?.message}}
23 |
24 |
26 |
36 |
27 |
28 |
32 | 29 | 30 |
31 |
33 | {{data[1]?.message}}
34 |
35 |
38 |
72 |
39 |
49 |
40 |
41 |
45 | 42 | 43 |
44 |
46 | {{data[2]?.message}}
47 |
48 |
50 |
60 |
51 |
52 |
56 | 53 | 54 |
55 |
57 | {{data[3]?.message}}
58 |
59 |
61 |
71 |
62 |
63 |
67 | 64 | 65 |
66 |
68 | {{data[4]?.message}}
69 |
70 | 2 | 🦌鹿途系统正在开发中。。。。。 3 |
-------------------------------------------------------------------------------- /src/app/routes/index/info/info.component.less: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ZRenu/ng-deerway/42dfae1c083fd8e955e938ede448f207b526875c/src/app/routes/index/info/info.component.less -------------------------------------------------------------------------------- /src/app/routes/index/info/info.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing'; 2 | 3 | import { InfoComponent } from './info.component'; 4 | 5 | describe('InfoComponent', () => { 6 | let component: InfoComponent; 7 | let fixture: ComponentFixture2 | list works! 3 |
4 | -------------------------------------------------------------------------------- /src/app/routes/index/list/list.component.less: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ZRenu/ng-deerway/42dfae1c083fd8e955e938ede448f207b526875c/src/app/routes/index/list/list.component.less -------------------------------------------------------------------------------- /src/app/routes/index/list/list.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing'; 2 | 3 | import { ListComponent } from './list.component'; 4 | 5 | describe('ListComponent', () => { 6 | let component: ListComponent; 7 | let fixture: ComponentFixture
2 |
41 |
42 |
47 |
--------------------------------------------------------------------------------
/src/app/routes/list/table-dynamic/table-dynamic.component.less:
--------------------------------------------------------------------------------
1 | .dynamic-table {
2 | margin: 40px
3 | }
4 |
5 | .dynamic-table-header {
6 | margin-bottom: 20px
7 | }
8 |
9 | .dynamic-table-header {
10 | margin-top: 20px;
11 | }
--------------------------------------------------------------------------------
/src/app/routes/list/table-dynamic/table-dynamic.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { TableDynamicComponent } from './table-dynamic.component';
4 |
5 | describe('TableDynamicComponent', () => {
6 | let component: TableDynamicComponent;
7 | let fixture: ComponentFixture
3 |
39 | 4 | 动态表格是结合基础表格和我工作过程总结的经验进行二次封装；以下示例只为演示功能，表头在切换时可能存在缺失见谅。 5 |
6 |
7 |
20 |
8 | 表格标题：
10 |
11 | 表格尾部：
13 |
14 | 页面是否加载中：
16 |
17 | 是否展示外边框和列边框：
19 |
21 |
38 |
22 | 多选框：
24 |
25 | 单选框：
27 |
28 | 状态控制：
30 |
31 | 大小：
32 |
33 |
34 |
35 |
36 |
37 |
43 | 注：动态表格关闭了默认分页，用了分页组件，动态表格的操作列表可以根据需要做出调整，动态表格是我根据实际工作进行的封装，在实际开发中会有功能变动，
44 | 鹿途只对一些通用基础功能进行展示。
45 |
46 |
2 |
8 |
9 |
10 |
3 |
6 | {{itemModel?.key}}
12 |{{itemModel?.age}}
13 |{{itemModel?.name}}
14 |{{itemModel?.address}}
15 | 16 |
2 |
3 |
4 |
5 |
6 |
7 |
13 |
26 |
--------------------------------------------------------------------------------
/src/app/routes/list/tree/tree.component.less:
--------------------------------------------------------------------------------
1 | .tree {
2 | padding: 20px;
3 | display: flex;
4 | }
5 |
6 | .btn {
7 | padding: 20px 20px 0 20px;
8 |
9 | [nz-button] {
10 | margin-right: 20px;
11 | }
12 | }
13 |
14 | .menu {
15 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
16 | width: 20%;
17 | height: 800px;
18 | font-size: 16px;
19 |
20 | input {
21 | width: 90%;
22 | margin: 20px;
23 | }
24 | }
25 |
26 | .tree-table {
27 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
28 | width: 95%;
29 | height: 480px;
30 | margin: 0 0 20px 50px;
31 | padding: 20px;
32 | font-size: 16px;
33 | }
34 |
35 | .tree-btn {
36 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
37 | width: 95%;
38 | height: 300px;
39 | margin-left: 50px;
40 | padding: 20px;
41 | font-size: 16px;
42 | }
43 |
--------------------------------------------------------------------------------
/src/app/routes/list/tree/tree.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { TreeComponent } from './tree.component';
4 |
5 | describe('TreeComponent', () => {
6 | let component: TreeComponent;
7 | let fixture: ComponentFixture
14 |
25 |
15 |
21 | 标题: {{title}}
16 |图标: icon
17 |排序: 1
18 |资源路径: list/table
19 |描述:
20 |
22 |
23 |
24 |
2 |
15 |
--------------------------------------------------------------------------------
/src/app/routes/map/map-demo/map-demo.component.less:
--------------------------------------------------------------------------------
1 | .mapdemo{
2 | padding: 20px;
3 | }
4 | .ponit{
5 | min-height: 800px;
6 | }
7 | #scopeMap{
8 | height: 600px;
9 | }
--------------------------------------------------------------------------------
/src/app/routes/map/map-demo/map-demo.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { MapDemoComponent } from './map-demo.component';
4 |
5 | describe('MapDemoComponent', () => {
6 | let component: MapDemoComponent;
7 | let fixture: ComponentFixture
3 |
10 | 牧场名称：{{data?.farmName}}
4 | 5 |暂无牧场围栏范围，请绘制
6 | 7 | 8 | 9 |
11 |
12 |
13 |
14 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | (更新了版本，导出的图片部分样式丢死，不兼容svg，emmmm...以前好像没问题,再议，再议)
9 |
10 |
11 |
12 |
15 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 | 排名
29 |
30 |
31 | 代表作品
32 |
33 |
34 | 作者
35 |
36 |
37 | 人气
38 |
39 |
40 |
41 |
42 |
43 |
44 | --
45 | NEW
46 |
47 | {{data.rank_change}}
48 |
49 | {{data.rank_change}}
50 |
51 |
52 | {{i+1}}
53 |
54 | {{data.writer_name}}
55 | {{data.opus }}
56 |
57 |
58 |
59 |
60 |
61 |
62 |
68 |
69 |
70 |
--------------------------------------------------------------------------------
/src/app/routes/outside/html2canvas/html2canvas.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { Html2canvasComponent } from './html2canvas.component';
4 |
5 | describe('Html2canvasComponent', () => {
6 | let component: Html2canvasComponent;
7 | let fixture: ComponentFixture2 | full works! 3 |
4 | -------------------------------------------------------------------------------- /src/app/routes/screen/full/full.component.less: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ZRenu/ng-deerway/42dfae1c083fd8e955e938ede448f207b526875c/src/app/routes/screen/full/full.component.less -------------------------------------------------------------------------------- /src/app/routes/screen/full/full.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing'; 2 | 3 | import { FullComponent } from './full.component'; 4 | 5 | describe('FullComponent', () => { 6 | let component: FullComponent; 7 | let fixture: ComponentFixture
2 |
6 |
--------------------------------------------------------------------------------
/src/app/shared/meta/dw-pagination/dw-pagination.component.less:
--------------------------------------------------------------------------------
1 | .ps-pagination {
2 | display: flex;
3 | margin-top: 40px;
4 | align-items: center;
5 | justify-content: flex-end;
6 | label {
7 | display: flex;
8 | margin-left: 10px;
9 | }
10 | }
--------------------------------------------------------------------------------
/src/app/shared/meta/dw-pagination/dw-pagination.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { DwPaginationComponent } from './dw-pagination.component';
4 |
5 | describe('DwPaginationComponent', () => {
6 | let component: DwPaginationComponent;
7 | let fixture: ComponentFixture
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/src/app/shared/meta/dw-search/dw-search.component.less:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ZRenu/ng-deerway/42dfae1c083fd8e955e938ede448f207b526875c/src/app/shared/meta/dw-search/dw-search.component.less
--------------------------------------------------------------------------------
/src/app/shared/meta/dw-search/dw-search.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { DwSearchComponent } from './dw-search.component';
4 |
5 | describe('DwSearchComponent', () => {
6 | let component: DwSearchComponent;
7 | let fixture: ComponentFixture