个人设置-颜色设置

src/app/pages/system-management/system-management.module.ts

@@ -1,5 +1,6 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { ColorPickerModule } from 'ngx-color-picker';
 import { SystemManagementComponent } from './system-management.component';
 import { PersonalSettingsComponent } from './personal-settings/personal-settings.component';
 import { RoleManagementComponent } from './role-management/role-management.component';
@@ -14,13 +15,15 @@ import { NgZorroAntdModule, NZ_I18N, zh_CN } from 'ng-zorro-antd';
 import { registerLocaleData } from '@angular/common';
 import zh from '@angular/common/locales/zh';
 registerLocaleData(zh);
+import { ColorSettingsComponent } from './personal-settings/color-settings/color-settings.component';
 
 @NgModule({
     imports: [
         CommonModule,
         SystemManagementRouting,
         /** 导入 ng-zorro-antd 模块 **/
-        NgZorroAntdModule
+        NgZorroAntdModule,
+        ColorPickerModule
     ],
     /** 配置 ng-zorro-antd 国际化 **/
       providers   : [ { provide: NZ_I18N, useValue: zh_CN } ],
@@ -31,6 +34,8 @@ registerLocaleData(zh);
         UserManagementComponent,
         DepartmentManagementComponent,
         OperationLogsComponent,
-        DataSynchronizeComponent]
+        DataSynchronizeComponent,
+        ColorSettingsComponent,
+      ]
 })
 export class SystemManagementModule { }