style: change style name

Author: huajian123

ui/src/app/pages/other-login/login1/login1.component.html

@@ -5,14 +5,14 @@
         <img alt="ant" src="imgs/logo-color.svg" style="width: 48px" />
         <span>AntDesignPro</span>
       </div>
-      <div class="full-height flex-coloum center" style="align-items: flex-start">
+      <div class="full-height flex-column center" style="align-items: flex-start">
         <div><img alt="ant" src="imgs/login1/login-box-bg.svg" style="width: 50%" /></div>
         <div class="desc"><span>开箱即用的中后台管理系统</span></div>
         <div class="sub-desc"><span>输入您的个人详细信息开始使用！</span></div>
       </div>
     </div>
     <div class="relative min-screen-full-height center" nz-col [nzLg]="24" [nzMd]="24" [nzSm]="24" [nzXl]="12" [nzXs]="24" [nzXXl]="14">
-      <div class="full-height flex-coloum center">
+      <div class="full-height flex-column center">
         <nz-card [class.is-night]="$isNightTheme()" [nzBordered]="isOverModel">
           <ng-template appAd></ng-template>
         </nz-card>

ui/src/app/pages/page-demo/flow/flow-chat/flow-chat.component.html

@@ -43,7 +43,7 @@
     </div>
 
     <nz-card class="absolute node-sel-bar" [nzBodyStyle]="{ padding: 0 }">
-      <div class="flex flex-coloum">
+      <div class="flex flex-column">
         <i nz-icon nz-tooltip nzTheme="outline" nzTooltipPlacement="right" nzTooltipTitle="正方形" nzType="border" shap="rect" (mousedown)="drag($event)"></i>
         <i nz-icon nz-tooltip nzTheme="outline" nzTooltipPlacement="right" nzTooltipTitle="圆形" nzType="user" shap="circle" (mousedown)="drag($event)"></i>
       </div>

ui/src/app/shared/components/chat/chat.component.html

@@ -35,7 +35,7 @@
           <div class="m-t-20" nz-row>
             <div nz-col nzFlex="30px"></div>
             <!--有未读的样式-->
-            <div class="flex flex-coloum" nz-col nzFlex="1">
+            <div class="flex flex-column" nz-col nzFlex="1">
               <div class="m-t-0 p-8 text-break" nz-result-content>
                 <span nz-typography>{{ item.msg }}</span>
                 {{ last ? scrollToBottom() : '' }}

ui/src/app/shared/components/lock-screen/lock-screen.component.html

@@ -1,5 +1,5 @@
-<div class="full-screen screen-full-width flex flex-coloum">
-  <div class="flex flex-coloum center title clock hand-model" (click)="unlockBtn()">
+<div class="full-screen screen-full-width flex flex-column">
+  <div class="flex flex-column center title clock hand-model" (click)="unlockBtn()">
     <i nz-icon nzTheme="outline" nzType="lock"></i>
     <span>点击解锁</span>
   </div>
@@ -13,7 +13,7 @@
   </div>
   @if (showUnlock) {
     <div class="lock-page-entry center">
-      <div class="flex center flex-coloum form">
+      <div class="flex center flex-column form">
         <nz-avatar [nzSize]="70" [nzSrc]="'imgs/default_face.png'"></nz-avatar>
         <p class="sp-16 m-t-8 name">Serati Ma</p>
 
@@ -38,11 +38,11 @@
     </div>
   }
   @if (showUnlock) {
-    <div class="flex flex-coloum center title bottom-time">
+    <div class="flex flex-column center title bottom-time">
       <span style="user-select: none">{{ time$ | async | date: 'HH:mm a' }}</span>
     </div>
   }
-  <div class="flex flex-coloum center title bottom-date">
+  <div class="flex flex-column center title bottom-date">
     <span style="user-select: none">{{ time$ | async | date: 'yyyy-MM-dd' }}星期{{ getDays(time$ | async) | changNumberToChinese }}</span>
   </div>
 </div>

ui/src/app/widget/common-widget/lock-widget/lock-widget.component.html

@@ -1,4 +1,4 @@
-<div class="flex center flex-coloum">
+<div class="flex center flex-column">
   <nz-avatar [nzSize]="70" [nzSrc]="'imgs/default_face.png'"></nz-avatar>
   <p class="sp-16 m-t-8">Serati Ma</p>
 

ui/src/styles/themes/base.less

@@ -526,7 +526,7 @@ h6 {
   display: flex;
 }
 
-.flex-coloum {
+.flex-column {
   flex-direction: column;
 }