DESIGN-3918 feat: toast新增loading效果

src/base/single/tip/tip.toast.js

@@ -56,6 +56,9 @@ BI.Toast = BI.inherit(BI.Tip, {
             case "warning":
                 cls = "toast-warning-font";
                 break;
+            case "loading":
+                cls = "toast-loading-font anim-rotate";
+                break;
             case "normal":
             default:
                 cls = "toast-message-font";

src/less/base/single/tip/tip.toast.less

@@ -1,22 +1,27 @@
 @import "../../../index.less";
 
-.bi-toast{
+.bi-toast {
   color: @color-bi-color-toast-text;
   line-height: @font-size-16;
   .border-radius(2px);
-  &.toast-success{
+
+  &.toast-success {
     background: @color-bi-background-toast-success;
   }
-  &.toast-warning{
+
+  &.toast-warning {
     background: @color-bi-background-toast-warning;
   }
-  &.toast-error{
+
+  &.toast-error {
     background: @color-bi-background-toast-error;
   }
-  &.toast-normal, &.toast-common{
+
+  &.toast-normal, &.toast-common, &.toast-loading {
     background: @color-bi-background-toast-normal;
   }
-  & .toast-icon{
+
+  & .toast-icon {
     font-size: @font-size-16;
   }
 }

src/less/lib/font.less

@@ -51,6 +51,7 @@
 @font-tip-success: "e1db";
 @font-tip-warning: "e1d7";
 @font-tip-message: "e1d9";
+@font-tip-loading: "e7cd";
 
 @font-key: "e1d0";
 

src/less/resource/font.less

@@ -86,6 +86,7 @@
 .font(toast-success-font, @font-tip-success, @color-bi-color-toast-success);
 .font(toast-warning-font, @font-tip-warning, @color-bi-color-toast-warning);
 .font(toast-message-font, @font-tip-message, @color-bi-color-toast-normal);
+.font(toast-loading-font, @font-tip-loading, @color-bi-color-toast-normal);
 
 //数值区间
 .font(less-font, @font-less);