fix(Switch): fixed multiple color value errors (#3802)

Author: anlyyao

src/common/style/theme/_components.less

@@ -3,6 +3,9 @@
   page,
   .page {
     --td-picker-transparent-color: rgba(255, 255, 255, 0);
+
+    --td-switch-dot-disabled-color: var(--td-font-white-1);
+    --td-switch-loading-color: var(--td-brand-color);
   }
 }
 
@@ -20,5 +23,6 @@
     --td-picker-transparent-color: transparent;
 
     --td-switch-dot-disabled-color: var(--td-font-white-2);
+    --td-switch-loading-color: var(--td-font-white-1);
   }
 }

src/switch/switch.less

@@ -46,6 +46,8 @@
 @switch-icon-large-size: var(--td-switch-icon-large-size, 48rpx);
 @switch-icon-small-size: var(--td-switch-icon-small-size, 32rpx);
 
+@switch-loading-color: var(--td-switch-loading-color, @brand-color);
+
 .@{prefix}-switch {
   display: flex;
   align-items: center;
@@ -103,7 +105,7 @@
   }
 
   &__loading {
-    color: @switch-label-checked-color;
+    --td-loading-color: @switch-loading-color;
   }
 
   &__body {

src/switch/switch.wxml

@@ -12,14 +12,14 @@
     class="{{_.cls(classPrefix + '__body', [['checked', checked], ['disabled', disabled || loading], size])}} {{prefix}}-class-body"
   >
     <view
-      class="{{_.cls(classPrefix + '__dot', [['checked', checked], ['disabled', disabled], ['plain', label.length != 2 && icon.length != 2 && !loading], size])}} {{prefix}}-class-dot"
+      class="{{_.cls(classPrefix + '__dot', [['checked', checked], ['disabled', disabled || loading], ['plain', label.length != 2 && icon.length != 2 && !loading], size])}} {{prefix}}-class-dot"
       aria-hidden="{{true}}"
     >
       <view
         wx:if="{{label}}"
         class="{{_.cls(classPrefix + '__label', [['checked', checked], ['disabled', disabled], size])}} {{prefix}}-class-label"
       >
-        <t-loading wx:if="{{loading}}" inherit-color size="32rpx" />
+        <t-loading wx:if="{{loading}}" class="{{classPrefix}}__loading" size="32rpx" />
         <text wx:elif="{{label.length == 2}}">{{checked ? label[0] : label[1]}}</text>
         <t-icon
           wx:elif="{{icon.length == 2}}"