diff --git a/src/_common b/src/_common
index 0a709515d..a2a5496ea 160000
--- a/src/_common
+++ b/src/_common
@@ -1 +1 @@
-Subproject commit 0a709515dd1bdebc42e18f4224c6b99395b01a55
+Subproject commit a2a5496ea3a2769b9d33b64b063b85fa6bab5b18
diff --git a/src/loading/__test__/__snapshots__/demo.test.jsx.snap b/src/loading/__test__/__snapshots__/demo.test.jsx.snap
index cca86f152..4b71c6da7 100644
--- a/src/loading/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/loading/__test__/__snapshots__/demo.test.jsx.snap
@@ -1,34 +1,5 @@
 // Vitest Snapshot v1
 
-exports[`Loading > Loading barVue demo works fine 1`] = `
-<div
-  data-v-app=""
->
-  
-  <div
-    class="t-loading t-loading--bar"
-    style=""
-  >
-    <!--v-if-->
-  </div>
-  <button
-    aria-disabled="false"
-    class="t-button t-size-m t-button--outline t-button--default t-button--shape-rectangle t-is-block"
-    role="button"
-  >
-    <!---->
-    <span
-      class="t-button__text"
-    >
-      
-      页面进度条加载
-      
-    </span>
-  </button>
-  
-</div>
-`;
-
 exports[`Loading > Loading baseVue demo works fine 1`] = `
 <div
   data-v-app=""
@@ -37,10 +8,9 @@ exports[`Loading > Loading baseVue demo works fine 1`] = `
   <div
     class="t-loading"
     data-v-4a68c35c=""
-    style=""
+    style="font-size: 20px;"
   >
     
-    
     <svg
       class="t-loading__gradient t-icon-loading"
       height="1em"
@@ -64,15 +34,13 @@ exports[`Loading > Loading baseVue demo works fine 1`] = `
     
     <!--v-if-->
     <!---->
-    
   </div>
   <div
     class="t-loading"
     data-v-4a68c35c=""
-    style=""
+    style="font-size: 20px;"
   >
     
-    
     <span
       class="t-loading__spinner"
       style="animation-duration: 800ms;"
@@ -119,23 +87,33 @@ exports[`Loading > Loading baseVue demo works fine 1`] = `
     
     <!--v-if-->
     <!---->
-    
   </div>
   <div
     class="t-loading"
     data-v-4a68c35c=""
-    style=""
+    style="font-size: 20px;"
   >
     
-    
     <div
       class="t-loading__dots"
       style="animation-duration: 800ms;"
-    />
+    >
+      <div
+        class="t-loading__dot"
+        style="animation-duration: 0.8s; animation-delay: 0s;"
+      />
+      <div
+        class="t-loading__dot"
+        style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
+      />
+      <div
+        class="t-loading__dot"
+        style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
+      />
+    </div>
     
     <!--v-if-->
     <!---->
-    
   </div>
   
 </div>
@@ -174,13 +152,11 @@ exports[`Loading > Loading delayVue demo works fine 1`] = `
   <div
     class="t-loading"
     data-v-559e6688=""
-    style=""
+    style="font-size: 20px;"
   >
-    
     <!--v-if-->
     <!--v-if-->
     <!---->
-    
   </div>
   
 </div>
@@ -194,10 +170,9 @@ exports[`Loading > Loading horzVue demo works fine 1`] = `
   <div
     class="t-loading"
     data-v-c48bb9cc=""
-    style=""
+    style="font-size: 20px;"
   >
     
-    
     <svg
       class="t-loading__gradient t-icon-loading"
       height="1em"
@@ -225,15 +200,13 @@ exports[`Loading > Loading horzVue demo works fine 1`] = `
       加载中...
     </span>
     <!---->
-    
   </div>
   <div
     class="t-loading"
     data-v-c48bb9cc=""
-    style=""
+    style="font-size: 20px;"
   >
     
-    
     <span
       class="t-loading__spinner"
       style="animation-duration: 800ms;"
@@ -284,7 +257,6 @@ exports[`Loading > Loading horzVue demo works fine 1`] = `
       加载中...
     </span>
     <!---->
-    
   </div>
   
 </div>
@@ -314,12 +286,12 @@ exports[`Loading > Loading mobileVue demo works fine 1`] = `
     <h2
       class="tdesign-mobile-demo-block__title"
     >
-      01 类型
+      01 组件类型
     </h2>
     <p
       class="tdesign-mobile-demo-block__summary"
     >
-      纯icon
+      纯图标
     </p>
     
     <div
@@ -330,10 +302,9 @@ exports[`Loading > Loading mobileVue demo works fine 1`] = `
       <div
         class="t-loading"
         data-v-4a68c35c=""
-        style=""
+        style="font-size: 20px;"
       >
         
-        
         <svg
           class="t-loading__gradient t-icon-loading"
           height="1em"
@@ -357,15 +328,13 @@ exports[`Loading > Loading mobileVue demo works fine 1`] = `
         
         <!--v-if-->
         <!---->
-        
       </div>
       <div
         class="t-loading"
         data-v-4a68c35c=""
-        style=""
+        style="font-size: 20px;"
       >
         
-        
         <span
           class="t-loading__spinner"
           style="animation-duration: 800ms;"
@@ -412,23 +381,33 @@ exports[`Loading > Loading mobileVue demo works fine 1`] = `
         
         <!--v-if-->
         <!---->
-        
       </div>
       <div
         class="t-loading"
         data-v-4a68c35c=""
-        style=""
+        style="font-size: 20px;"
       >
         
-        
         <div
           class="t-loading__dots"
           style="animation-duration: 800ms;"
-        />
+        >
+          <div
+            class="t-loading__dot"
+            style="animation-duration: 0.8s; animation-delay: 0s;"
+          />
+          <div
+            class="t-loading__dot"
+            style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
+          />
+          <div
+            class="t-loading__dot"
+            style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
+          />
+        </div>
         
         <!--v-if-->
         <!---->
-        
       </div>
       
     </div>
@@ -442,7 +421,7 @@ exports[`Loading > Loading mobileVue demo works fine 1`] = `
     <p
       class="tdesign-mobile-demo-block__summary"
     >
-      icon加文字横向
+      图标加文字横向
     </p>
     
     <div
@@ -453,10 +432,9 @@ exports[`Loading > Loading mobileVue demo works fine 1`] = `
       <div
         class="t-loading"
         data-v-c48bb9cc=""
-        style=""
+        style="font-size: 20px;"
       >
         
-        
         <svg
           class="t-loading__gradient t-icon-loading"
           height="1em"
@@ -484,15 +462,13 @@ exports[`Loading > Loading mobileVue demo works fine 1`] = `
           加载中...
         </span>
         <!---->
-        
       </div>
       <div
         class="t-loading"
         data-v-c48bb9cc=""
-        style=""
+        style="font-size: 20px;"
       >
         
-        
         <span
           class="t-loading__spinner"
           style="animation-duration: 800ms;"
@@ -543,7 +519,6 @@ exports[`Loading > Loading mobileVue demo works fine 1`] = `
           加载中...
         </span>
         <!---->
-        
       </div>
       
     </div>
@@ -557,7 +532,7 @@ exports[`Loading > Loading mobileVue demo works fine 1`] = `
     <p
       class="tdesign-mobile-demo-block__summary"
     >
-      icon加文字竖向
+      图标加文字竖向
     </p>
     
     <div
@@ -565,14 +540,16 @@ exports[`Loading > Loading mobileVue demo works fine 1`] = `
       data-v-448d2bed=""
     >
       <div
+        class="container"
+        data-v-3ab7b9bc=""
         data-v-448d2bed=""
       >
         <div
           class="t-loading t-loading--vertical"
-          style=""
+          data-v-3ab7b9bc=""
+          style="font-size: 20px;"
         >
           
-          
           <svg
             class="t-loading__gradient t-icon-loading"
             height="1em"
@@ -600,86 +577,63 @@ exports[`Loading > Loading mobileVue demo works fine 1`] = `
             加载中
           </span>
           <!---->
-          
         </div>
-      </div>
-    </div>
-    
-  </div>
-  <div
-    class="tdesign-mobile-demo-block"
-    data-v-448d2bed=""
-  >
-    <!--v-if-->
-    <p
-      class="tdesign-mobile-demo-block__summary"
-    >
-      纯文字
-    </p>
-    
-    <div
-      class="loading-demo"
-      data-v-448d2bed=""
-    >
-      <div
-        class="pure-text-demo"
-        data-v-448d2bed=""
-        data-v-4d8f0c32=""
-      >
         <div
-          class="t-loading"
-          data-v-4d8f0c32=""
-          style=""
+          class="t-loading t-loading--vertical"
+          data-v-3ab7b9bc=""
+          style="font-size: 20px;"
         >
           
-          <!--v-if-->
           <span
-            class="t-loading__text t-loading__text--only"
+            class="t-loading__spinner"
+            style="animation-duration: 800ms;"
           >
-            加载中...
+            
+            <i
+              class="t-loading__spinner--line t-loading__spinner--line-1"
+            />
+            <i
+              class="t-loading__spinner--line t-loading__spinner--line-2"
+            />
+            <i
+              class="t-loading__spinner--line t-loading__spinner--line-3"
+            />
+            <i
+              class="t-loading__spinner--line t-loading__spinner--line-4"
+            />
+            <i
+              class="t-loading__spinner--line t-loading__spinner--line-5"
+            />
+            <i
+              class="t-loading__spinner--line t-loading__spinner--line-6"
+            />
+            <i
+              class="t-loading__spinner--line t-loading__spinner--line-7"
+            />
+            <i
+              class="t-loading__spinner--line t-loading__spinner--line-8"
+            />
+            <i
+              class="t-loading__spinner--line t-loading__spinner--line-9"
+            />
+            <i
+              class="t-loading__spinner--line t-loading__spinner--line-10"
+            />
+            <i
+              class="t-loading__spinner--line t-loading__spinner--line-11"
+            />
+            <i
+              class="t-loading__spinner--line t-loading__spinner--line-12"
+            />
+            
           </span>
-          <!---->
-          
-        </div>
-        <div
-          class="t-loading"
-          data-v-4d8f0c32=""
-          style=""
-        >
-          
-          
-          <!--v-if-->
           
           <span
-            class="t-loading__text t-loading__text--error t-loading__text--only"
+            class="t-loading__text"
           >
-            加载失败
+            加载中...
           </span>
           <!---->
-          
-        </div>
-        <div
-          class="t-loading"
-          data-v-4d8f0c32=""
-          style=""
-        >
-          
-          <!--v-if-->
-          <!--v-if-->
-          
-          <div
-            class="custom-error"
-            data-v-4d8f0c32=""
-          >
-             加载失败 
-            <span
-              data-v-4d8f0c32=""
-            >
-              刷新
-            </span>
-          </div>
-          
-          
         </div>
       </div>
     </div>
@@ -693,35 +647,26 @@ exports[`Loading > Loading mobileVue demo works fine 1`] = `
     <p
       class="tdesign-mobile-demo-block__summary"
     >
-      进度条加载
+      纯文字
     </p>
     
     <div
       class="loading-demo"
       data-v-448d2bed=""
     >
-      
       <div
-        class="t-loading t-loading--bar"
-        style=""
+        class="t-loading"
+        data-v-448d2bed=""
+        style="font-size: 20px;"
       >
         <!--v-if-->
-      </div>
-      <button
-        aria-disabled="false"
-        class="t-button t-size-m t-button--outline t-button--default t-button--shape-rectangle t-is-block"
-        role="button"
-      >
-        <!---->
         <span
-          class="t-button__text"
+          class="t-loading__text t-loading__text--only"
         >
-          
-          页面进度条加载
-          
+          加载中...
         </span>
-      </button>
-      
+        <!---->
+      </div>
     </div>
     
   </div>
@@ -732,13 +677,9 @@ exports[`Loading > Loading mobileVue demo works fine 1`] = `
     <h2
       class="tdesign-mobile-demo-block__title"
     >
-      02 状态
+      02 组件尺寸
     </h2>
-    <p
-      class="tdesign-mobile-demo-block__summary"
-    >
-      如果加载状态在延迟内结束，则不显示
-    </p>
+    <!--v-if-->
     
     <div
       class="loading-demo loading-demo--column"
@@ -746,40 +687,124 @@ exports[`Loading > Loading mobileVue demo works fine 1`] = `
     >
       
       <div
-        class="switch-wrap"
-        data-v-559e6688=""
+        class="tdesign-mobile-demo-block__summary"
+        data-v-38fef6e8=""
       >
-        <div
-          class="t-switch t-switch--medium"
-          data-v-559e6688=""
+        大尺寸
+      </div>
+      <div
+        class="t-loading"
+        data-v-38fef6e8=""
+        style="font-size: 26px;"
+      >
+        
+        <svg
+          class="t-loading__gradient t-icon-loading"
+          height="1em"
+          style="animation-duration: 800ms;"
+          version="1.1"
+          viewBox="0 0 12 12"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
         >
-          <div
-            class="t-switch__dot t-switch__dot--medium t-switch__dot--plain"
+          <foreignobject
+            height="12"
+            width="12"
+            x="0"
+            y="0"
           >
             <div
-              class="t-switch__label t-switch__label--medium"
-            >
-              <!--v-if-->
-              <!---->
-            </div>
-          </div>
-        </div>
-        <div
-          data-v-559e6688=""
+              class="t-loading__gradient-conic"
+            />
+          </foreignobject>
+        </svg>
+        
+        <span
+          class="t-loading__text"
         >
-          请求结束，隐藏loading
-        </div>
+          加载中...
+        </span>
+        <!---->
+      </div>
+      <div
+        class="tdesign-mobile-demo-block__summary"
+        data-v-38fef6e8=""
+      >
+        中尺寸
       </div>
       <div
         class="t-loading"
-        data-v-559e6688=""
-        style=""
+        data-v-38fef6e8=""
+        style="font-size: 22px;"
       >
         
-        <!--v-if-->
-        <!--v-if-->
+        <svg
+          class="t-loading__gradient t-icon-loading"
+          height="1em"
+          style="animation-duration: 800ms;"
+          version="1.1"
+          viewBox="0 0 12 12"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <foreignobject
+            height="12"
+            width="12"
+            x="0"
+            y="0"
+          >
+            <div
+              class="t-loading__gradient-conic"
+            />
+          </foreignobject>
+        </svg>
+        
+        <span
+          class="t-loading__text"
+        >
+          加载中...
+        </span>
         <!---->
+      </div>
+      <div
+        class="tdesign-mobile-demo-block__summary"
+        data-v-38fef6e8=""
+      >
+        小尺寸
+      </div>
+      <div
+        class="t-loading"
+        data-v-38fef6e8=""
+        style="font-size: 20px;"
+      >
+        
+        <svg
+          class="t-loading__gradient t-icon-loading"
+          height="1em"
+          style="animation-duration: 800ms;"
+          version="1.1"
+          viewBox="0 0 12 12"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <foreignobject
+            height="12"
+            width="12"
+            x="0"
+            y="0"
+          >
+            <div
+              class="t-loading__gradient-conic"
+            />
+          </foreignobject>
+        </svg>
         
+        <span
+          class="t-loading__text"
+        >
+          加载中...
+        </span>
+        <!---->
       </div>
       
     </div>
@@ -797,7 +822,7 @@ exports[`Loading > Loading mobileVue demo works fine 1`] = `
     <p
       class="tdesign-mobile-demo-block__summary"
     >
-      加载速度可配置，加载一周的时间单位（毫秒）
+      加载速度调整
     </p>
     
     <div
@@ -808,14 +833,13 @@ exports[`Loading > Loading mobileVue demo works fine 1`] = `
       <div
         class="t-loading"
         data-v-0fadab4c=""
-        style=""
+        style="font-size: 20px;"
       >
         
-        
         <svg
           class="t-loading__gradient t-icon-loading"
           height="1em"
-          style="animation-duration: 300ms;"
+          style="animation-duration: 600ms;"
           version="1.1"
           viewBox="0 0 12 12"
           width="1em"
@@ -839,27 +863,16 @@ exports[`Loading > Loading mobileVue demo works fine 1`] = `
           加载中...
         </span>
         <!---->
-        
       </div>
       <div
         class="slider-wrap"
         data-v-0fadab4c=""
       >
-        <span
-          data-v-0fadab4c=""
-          style="width: 120px; margin-right: 10px;"
-        >
-           速度调整 
-        </span>
         <div
-          class="t-slider-wrap t-is-value"
+          class="t-slider-wrap"
           data-v-0fadab4c=""
         >
-          <div
-            class="t-slider-wrap__value--left"
-          >
-            0
-          </div>
+          <!--v-if-->
           <div
             class="t-slider"
           >
@@ -870,13 +883,13 @@ exports[`Loading > Loading mobileVue demo works fine 1`] = `
             <!-- 滑块长度 -->
             <div
               class="t-slider__track"
-              style="width: 37.5%;"
+              style="width: 50%;"
             />
             <!-- 滑块操作 -->
             
             <div
               class="t-slider__handle"
-              style="left: 37.5%;"
+              style="left: 50%;"
             />
             
             <!-- 刻度内容 -->
@@ -888,228 +901,47 @@ exports[`Loading > Loading mobileVue demo works fine 1`] = `
             </div>
           </div>
           <!--v-if-->
-          <div
-            class="t-slider-wrap__value"
-          >
-            800
-          </div>
+          <!--v-if-->
         </div>
       </div>
       
     </div>
     
   </div>
-  <div
-    class="tdesign-mobile-demo-block"
-    data-v-448d2bed=""
-  >
-    <h2
-      class="tdesign-mobile-demo-block__title"
-    >
-      04 规格
-    </h2>
-    <p
-      class="tdesign-mobile-demo-block__summary"
-    >
-      支持自定义加载规格
-    </p>
-    
-    <div
-      class="loading-demo loading-demo--column"
-      data-v-448d2bed=""
-    >
-      <div
-        data-v-38fef6e8=""
-        data-v-448d2bed=""
-      >
-        <div
-          class="t-loading t-size-s"
-          data-v-38fef6e8=""
-          style=""
-        >
-          
-          
-          <svg
-            class="t-loading__gradient t-icon-loading"
-            height="1em"
-            style="animation-duration: 800ms;"
-            version="1.1"
-            viewBox="0 0 12 12"
-            width="1em"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <foreignobject
-              height="12"
-              width="12"
-              x="0"
-              y="0"
-            >
-              <div
-                class="t-loading__gradient-conic"
-              />
-            </foreignobject>
-          </svg>
-          
-          <span
-            class="t-loading__text"
-          >
-            加载中（小）...
-          </span>
-          <!---->
-          
-        </div>
-        <div
-          class="t-loading t-size-m"
-          data-v-38fef6e8=""
-          style=""
-        >
-          
-          
-          <svg
-            class="t-loading__gradient t-icon-loading"
-            height="1em"
-            style="animation-duration: 800ms;"
-            version="1.1"
-            viewBox="0 0 12 12"
-            width="1em"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <foreignobject
-              height="12"
-              width="12"
-              x="0"
-              y="0"
-            >
-              <div
-                class="t-loading__gradient-conic"
-              />
-            </foreignobject>
-          </svg>
-          
-          <span
-            class="t-loading__text"
-          >
-            加载中（中）...
-          </span>
-          <!---->
-          
-        </div>
-        <div
-          class="t-loading t-size-l"
-          data-v-38fef6e8=""
-          style=""
-        >
-          
-          
-          <svg
-            class="t-loading__gradient t-icon-loading"
-            height="1em"
-            style="animation-duration: 800ms;"
-            version="1.1"
-            viewBox="0 0 12 12"
-            width="1em"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <foreignobject
-              height="12"
-              width="12"
-              x="0"
-              y="0"
-            >
-              <div
-                class="t-loading__gradient-conic"
-              />
-            </foreignobject>
-          </svg>
-          
-          <span
-            class="t-loading__text"
-          >
-            加载中（大）...
-          </span>
-          <!---->
-          
-        </div>
-      </div>
-    </div>
-    
-  </div>
 </div>
 `;
 
 exports[`Loading > Loading pureTextVue demo works fine 1`] = `
 <div
-  class="pure-text-demo"
-  data-v-4d8f0c32=""
+  class="t-loading"
+  style="font-size: 20px;"
 >
-  <div
-    class="t-loading"
-    data-v-4d8f0c32=""
-    style=""
-  >
-    
-    <!--v-if-->
-    <span
-      class="t-loading__text t-loading__text--only"
-    >
-      加载中...
-    </span>
-    <!---->
-    
-  </div>
-  <div
-    class="t-loading"
-    data-v-4d8f0c32=""
-    style=""
+  <!--v-if-->
+  <span
+    class="t-loading__text t-loading__text--only"
   >
-    
-    
-    <!--v-if-->
-    
-    <span
-      class="t-loading__text t-loading__text--error t-loading__text--only"
-    >
-      加载失败
-    </span>
-    <!---->
-    
-  </div>
-  <div
-    class="t-loading"
-    data-v-4d8f0c32=""
-    style=""
-  >
-    
-    <!--v-if-->
-    <!--v-if-->
-    
-    <div
-      class="custom-error"
-      data-v-4d8f0c32=""
-    >
-       加载失败 
-      <span
-        data-v-4d8f0c32=""
-      >
-        刷新
-      </span>
-    </div>
-    
-    
-  </div>
+    加载中...
+  </span>
+  <!---->
 </div>
 `;
 
 exports[`Loading > Loading sizeVue demo works fine 1`] = `
 <div
-  data-v-38fef6e8=""
+  data-v-app=""
 >
+  
   <div
-    class="t-loading t-size-s"
+    class="tdesign-mobile-demo-block__summary"
     data-v-38fef6e8=""
-    style=""
   >
-    
+    大尺寸
+  </div>
+  <div
+    class="t-loading"
+    data-v-38fef6e8=""
+    style="font-size: 26px;"
+  >
     
     <svg
       class="t-loading__gradient t-icon-loading"
@@ -1135,17 +967,21 @@ exports[`Loading > Loading sizeVue demo works fine 1`] = `
     <span
       class="t-loading__text"
     >
-      加载中（小）...
+      加载中...
     </span>
     <!---->
-    
   </div>
   <div
-    class="t-loading t-size-m"
+    class="tdesign-mobile-demo-block__summary"
     data-v-38fef6e8=""
-    style=""
   >
-    
+    中尺寸
+  </div>
+  <div
+    class="t-loading"
+    data-v-38fef6e8=""
+    style="font-size: 22px;"
+  >
     
     <svg
       class="t-loading__gradient t-icon-loading"
@@ -1171,17 +1007,21 @@ exports[`Loading > Loading sizeVue demo works fine 1`] = `
     <span
       class="t-loading__text"
     >
-      加载中（中）...
+      加载中...
     </span>
     <!---->
-    
   </div>
   <div
-    class="t-loading t-size-l"
+    class="tdesign-mobile-demo-block__summary"
     data-v-38fef6e8=""
-    style=""
   >
-    
+    小尺寸
+  </div>
+  <div
+    class="t-loading"
+    data-v-38fef6e8=""
+    style="font-size: 20px;"
+  >
     
     <svg
       class="t-loading__gradient t-icon-loading"
@@ -1207,11 +1047,11 @@ exports[`Loading > Loading sizeVue demo works fine 1`] = `
     <span
       class="t-loading__text"
     >
-      加载中（大）...
+      加载中...
     </span>
     <!---->
-    
   </div>
+  
 </div>
 `;
 
@@ -1223,14 +1063,13 @@ exports[`Loading > Loading speedVue demo works fine 1`] = `
   <div
     class="t-loading"
     data-v-0fadab4c=""
-    style=""
+    style="font-size: 20px;"
   >
     
-    
     <svg
       class="t-loading__gradient t-icon-loading"
       height="1em"
-      style="animation-duration: 300ms;"
+      style="animation-duration: 600ms;"
       version="1.1"
       viewBox="0 0 12 12"
       width="1em"
@@ -1254,27 +1093,16 @@ exports[`Loading > Loading speedVue demo works fine 1`] = `
       加载中...
     </span>
     <!---->
-    
   </div>
   <div
     class="slider-wrap"
     data-v-0fadab4c=""
   >
-    <span
-      data-v-0fadab4c=""
-      style="width: 120px; margin-right: 10px;"
-    >
-       速度调整 
-    </span>
     <div
-      class="t-slider-wrap t-is-value"
+      class="t-slider-wrap"
       data-v-0fadab4c=""
     >
-      <div
-        class="t-slider-wrap__value--left"
-      >
-        0
-      </div>
+      <!--v-if-->
       <div
         class="t-slider"
       >
@@ -1285,13 +1113,13 @@ exports[`Loading > Loading speedVue demo works fine 1`] = `
         <!-- 滑块长度 -->
         <div
           class="t-slider__track"
-          style="width: 37.5%;"
+          style="width: 50%;"
         />
         <!-- 滑块操作 -->
         
         <div
           class="t-slider__handle"
-          style="left: 37.5%;"
+          style="left: 50%;"
         />
         
         <!-- 刻度内容 -->
@@ -1303,11 +1131,7 @@ exports[`Loading > Loading speedVue demo works fine 1`] = `
         </div>
       </div>
       <!--v-if-->
-      <div
-        class="t-slider-wrap__value"
-      >
-        800
-      </div>
+      <!--v-if-->
     </div>
   </div>
   
@@ -1315,13 +1139,16 @@ exports[`Loading > Loading speedVue demo works fine 1`] = `
 `;
 
 exports[`Loading > Loading vertVue demo works fine 1`] = `
-<div>
+<div
+  class="container"
+  data-v-3ab7b9bc=""
+>
   <div
     class="t-loading t-loading--vertical"
-    style=""
+    data-v-3ab7b9bc=""
+    style="font-size: 20px;"
   >
     
-    
     <svg
       class="t-loading__gradient t-icon-loading"
       height="1em"
@@ -1349,7 +1176,63 @@ exports[`Loading > Loading vertVue demo works fine 1`] = `
       加载中
     </span>
     <!---->
+  </div>
+  <div
+    class="t-loading t-loading--vertical"
+    data-v-3ab7b9bc=""
+    style="font-size: 20px;"
+  >
+    
+    <span
+      class="t-loading__spinner"
+      style="animation-duration: 800ms;"
+    >
+      
+      <i
+        class="t-loading__spinner--line t-loading__spinner--line-1"
+      />
+      <i
+        class="t-loading__spinner--line t-loading__spinner--line-2"
+      />
+      <i
+        class="t-loading__spinner--line t-loading__spinner--line-3"
+      />
+      <i
+        class="t-loading__spinner--line t-loading__spinner--line-4"
+      />
+      <i
+        class="t-loading__spinner--line t-loading__spinner--line-5"
+      />
+      <i
+        class="t-loading__spinner--line t-loading__spinner--line-6"
+      />
+      <i
+        class="t-loading__spinner--line t-loading__spinner--line-7"
+      />
+      <i
+        class="t-loading__spinner--line t-loading__spinner--line-8"
+      />
+      <i
+        class="t-loading__spinner--line t-loading__spinner--line-9"
+      />
+      <i
+        class="t-loading__spinner--line t-loading__spinner--line-10"
+      />
+      <i
+        class="t-loading__spinner--line t-loading__spinner--line-11"
+      />
+      <i
+        class="t-loading__spinner--line t-loading__spinner--line-12"
+      />
+      
+    </span>
     
+    <span
+      class="t-loading__text"
+    >
+      加载中...
+    </span>
+    <!---->
   </div>
 </div>
 `;
diff --git a/src/loading/__test__/__snapshots__/index.test.jsx.snap b/src/loading/__test__/__snapshots__/index.test.jsx.snap
index dd00f5191..201914b5c 100644
--- a/src/loading/__test__/__snapshots__/index.test.jsx.snap
+++ b/src/loading/__test__/__snapshots__/index.test.jsx.snap
@@ -3,10 +3,9 @@
 exports[`Loading.vue > props > :pause 1`] = `
 <div
   class="t-loading"
-  style=""
+  style="font-size: 20px;"
 >
   
-  
   <svg
     class="t-loading__gradient t-icon-loading"
     height="1em"
@@ -30,17 +29,15 @@ exports[`Loading.vue > props > :pause 1`] = `
   
   <!--v-if-->
   <!---->
-  
 </div>
 `;
 
 exports[`Loading.vue > props > :reverse 1`] = `
 <div
   class="t-loading"
-  style=""
+  style="font-size: 20px;"
 >
   
-  
   <svg
     class="t-loading__gradient t-icon-loading"
     height="1em"
@@ -64,7 +61,6 @@ exports[`Loading.vue > props > :reverse 1`] = `
   
   <!--v-if-->
   <!---->
-  
 </div>
 `;
 
diff --git a/src/loading/__test__/demo.test.jsx b/src/loading/__test__/demo.test.jsx
index 61173f186..1eff088ac 100644
--- a/src/loading/__test__/demo.test.jsx
+++ b/src/loading/__test__/demo.test.jsx
@@ -3,7 +3,6 @@
  */
 
 import { mount } from '@vue/test-utils';
-import barVue from '@/loading/demos/bar.vue';
 import baseVue from '@/loading/demos/base.vue';
 import delayVue from '@/loading/demos/delay.vue';
 import horzVue from '@/loading/demos/horz.vue';
@@ -14,7 +13,6 @@ import speedVue from '@/loading/demos/speed.vue';
 import vertVue from '@/loading/demos/vert.vue';
 
 const mapper = {
-  barVue,
   baseVue,
   delayVue,
   horzVue,
diff --git a/src/loading/__test__/index.test.jsx b/src/loading/__test__/index.test.jsx
index 77425a734..b87029f29 100644
--- a/src/loading/__test__/index.test.jsx
+++ b/src/loading/__test__/index.test.jsx
@@ -14,13 +14,6 @@ describe('Loading.vue', () => {
       vi.restoreAllMocks();
     });
 
-    it(':progress', () => {
-      const wrapper = mount(() => <Loading theme="bar" progress={0.5} />);
-
-      const shadow = wrapper.find('.t-loading__shadow');
-      expect(shadow.exists()).toBeTruthy();
-    });
-
     it(':delay', async () => {
       const wrapper = mount(() => <Loading delay={1000} />);
       expect(wrapper.find('.t-icon-loading').exists()).not.toBeTruthy();
@@ -29,19 +22,13 @@ describe('Loading.vue', () => {
       expect(wrapper.find('.t-icon-loading').exists()).toBeTruthy();
     });
 
-    it(':error', () => {
-      const wrapper = mount(() => <Loading theme="error" />);
-      const errorBlock = wrapper.find('.t-loading__text');
-      expect(errorBlock.element.innerHTML).toBe('加载失败');
-    });
-
     it(':inheritColor', () => {
       const wrapper = mount(Loading, {
         props: {
           inheritColor: true,
         },
       });
-      expect(wrapper.vm.rootStyle).toBe('color: inherit');
+      expect(wrapper.vm.rootStyle).toContain('color: inherit');
     });
 
     it(':pause', () => {
diff --git a/src/loading/demos/bar.vue b/src/loading/demos/bar.vue
deleted file mode 100644
index 53fb3e0d8..000000000
--- a/src/loading/demos/bar.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<template>
-  <t-loading theme="bar" :progress="progress" />
-  <t-button variant="outline" block @click.stop="onShowLoadingBar">{{
-    progress > 0 && progress < 1 ? '页面加载中...' : '页面进度条加载'
-  }}</t-button>
-</template>
-
-<script lang="ts" setup>
-import { ref } from 'vue';
-
-const progress = ref(0);
-let timer: any;
-
-const onShowLoadingBar = () => {
-  if (timer) {
-    return;
-  }
-  progress.value = 0;
-  timer = setInterval(() => {
-    if (progress.value >= 1) {
-      clearInterval(timer);
-      timer = null;
-
-      setTimeout(() => {
-        progress.value = 0;
-      }, 2000);
-      return;
-    }
-    progress.value += 0.01;
-  }, 100);
-};
-</script>
diff --git a/src/loading/demos/base.vue b/src/loading/demos/base.vue
index 43ddab4af..b6b0a4de5 100644
--- a/src/loading/demos/base.vue
+++ b/src/loading/demos/base.vue
@@ -6,6 +6,6 @@
 
 <style scoped>
 .t-loading {
-  margin-right: 40px;
+  margin-right: 64px;
 }
 </style>
diff --git a/src/loading/demos/mobile.vue b/src/loading/demos/mobile.vue
index a2a1409fd..04e45cca3 100644
--- a/src/loading/demos/mobile.vue
+++ b/src/loading/demos/mobile.vue
@@ -2,17 +2,17 @@
   <div class="tdesign-mobile-demo">
     <h1 class="title">Loading 加载中</h1>
     <p class="summary">用于表示页面或操作的加载状态，给予用户反馈的同时减缓等待的焦虑感，由一个或一组反馈动效组成。</p>
-    <tdesign-demo-block title="01 类型" summary="纯icon">
+    <tdesign-demo-block title="01 组件类型" summary="纯图标">
       <div class="loading-demo first">
         <base-vue />
       </div>
     </tdesign-demo-block>
-    <tdesign-demo-block summary="icon加文字横向">
+    <tdesign-demo-block summary="图标加文字横向">
       <div class="loading-demo">
         <horz />
       </div>
     </tdesign-demo-block>
-    <tdesign-demo-block summary="icon加文字竖向">
+    <tdesign-demo-block summary="图标加文字竖向">
       <div class="loading-demo">
         <vert />
       </div>
@@ -22,37 +22,24 @@
         <pure-text />
       </div>
     </tdesign-demo-block>
-    <tdesign-demo-block summary="进度条加载">
-      <div class="loading-demo">
-        <bar />
-      </div>
-    </tdesign-demo-block>
-    <tdesign-demo-block title="02 状态" summary="如果加载状态在延迟内结束，则不显示">
+    <tdesign-demo-block title="02 组件尺寸">
       <div class="loading-demo loading-demo--column">
-        <delay />
+        <size />
       </div>
     </tdesign-demo-block>
-    <tdesign-demo-block title="03 加载速度" summary="加载速度可配置，加载一周的时间单位（毫秒）">
+    <tdesign-demo-block title="03 加载速度" summary="加载速度调整">
       <div class="loading-demo loading-demo--column">
         <speed />
       </div>
     </tdesign-demo-block>
-    <tdesign-demo-block title="04 规格" summary="支持自定义加载规格">
-      <div class="loading-demo loading-demo--column">
-        <size />
-      </div>
-    </tdesign-demo-block>
   </div>
 </template>
 
 <script lang="ts" setup>
-import { ref } from 'vue';
 import baseVue from './base.vue';
 import horz from './horz.vue';
 import vert from './vert.vue';
 import pureText from './pure-text.vue';
-import delay from './delay.vue';
-import bar from './bar.vue';
 import speed from './speed.vue';
 import size from './size.vue';
 </script>
diff --git a/src/loading/demos/pure-text.vue b/src/loading/demos/pure-text.vue
index bd1a77b9c..751c42b34 100644
--- a/src/loading/demos/pure-text.vue
+++ b/src/loading/demos/pure-text.vue
@@ -1,30 +1,3 @@
 <template>
-  <div class="pure-text-demo">
-    <t-loading :indicator="false" text="加载中..." />
-    <t-loading theme="error" />
-    <t-loading :indicator="false">
-      <div class="custom-error">
-        加载失败
-        <span>刷新</span>
-      </div>
-    </t-loading>
-  </div>
+  <t-loading :indicator="false" text="加载中..." />
 </template>
-
-<script lang="ts" setup></script>
-
-<style scoped lang="less">
-.pure-text-demo {
-  display: grid;
-  grid-gap: 40px;
-  grid-template-columns: repeat(3, auto);
-}
-.custom-error {
-  font-size: 14px;
-  color: rgba(0, 0, 0, 0.9);
-  > span {
-    color: rgba(0, 82, 217, 1);
-    cursor: pointer;
-  }
-}
-</style>
diff --git a/src/loading/demos/size.vue b/src/loading/demos/size.vue
index 09ed9659d..e1652f49d 100644
--- a/src/loading/demos/size.vue
+++ b/src/loading/demos/size.vue
@@ -1,15 +1,16 @@
 <template>
-  <div>
-    <t-loading size="small" text="加载中（小）..." />
-    <t-loading size="medium" text="加载中（中）..." />
-    <t-loading size="large" text="加载中（大）..." />
-  </div>
+  <div class="tdesign-mobile-demo-block__summary">大尺寸</div>
+  <t-loading size="26px" text="加载中..." />
+  <div class="tdesign-mobile-demo-block__summary">中尺寸</div>
+  <t-loading size="22px" text="加载中..." />
+  <div class="tdesign-mobile-demo-block__summary">小尺寸</div>
+  <t-loading size="20px" text="加载中..." />
 </template>
 
 <script lang="ts" setup></script>
 
 <style lang="less" scoped>
-.t-loading {
-  margin-bottom: 10px;
+.tdesign-mobile-demo-block__summary {
+  padding-left: 0;
 }
 </style>
diff --git a/src/loading/demos/speed.vue b/src/loading/demos/speed.vue
index 6fa6e7d2f..a2ad17d39 100644
--- a/src/loading/demos/speed.vue
+++ b/src/loading/demos/speed.vue
@@ -1,15 +1,14 @@
 <template>
-  <t-loading :duration="loadingDuration" text="加载中..." />
+  <t-loading :duration="(1 / loadingDuration) * 3000" text="加载中..." />
   <div class="slider-wrap">
-    <span :style="{ width: '120px', 'margin-right': '10px' }"> 速度调整 </span>
-    <t-slider v-model="loadingDuration" show-extreme-value :min="0" :max="800" :label="false" />
+    <t-slider v-model="loadingDuration" :min="0" :max="10" :label="false" />
   </div>
 </template>
 
 <script lang="ts" setup>
 import { ref } from 'vue';
 
-const loadingDuration = ref(300);
+const loadingDuration = ref(5);
 </script>
 
 <style scoped>
diff --git a/src/loading/demos/vert.vue b/src/loading/demos/vert.vue
index d1921ba7e..cf6468b92 100644
--- a/src/loading/demos/vert.vue
+++ b/src/loading/demos/vert.vue
@@ -1,7 +1,18 @@
 <template>
-  <div>
+  <div class="container">
     <t-loading text="加载中" layout="vertical" />
+    <t-loading theme="spinner" text="加载中..." layout="vertical" />
   </div>
 </template>
 
 <script lang="ts" setup></script>
+
+<style scoped>
+.container {
+  display: flex;
+}
+
+.t-loading {
+  margin-right: 64px;
+}
+</style>
diff --git a/src/loading/loading.en-US.md b/src/loading/loading.en-US.md
new file mode 100644
index 000000000..c3cd950e0
--- /dev/null
+++ b/src/loading/loading.en-US.md
@@ -0,0 +1,21 @@
+:: BASE_DOC ::
+
+## API
+### Loading Props
+
+name | type | default | description | required
+-- | -- | -- | -- | --
+content | String / Slot / Function | - | Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
+default | String / Slot / Function | - | Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
+delay | Number | 0 | \- | N
+duration | Number | 800 | \- | N
+indicator | Boolean | true | \- | N
+inheritColor | Boolean | false | \- | N
+layout | String | horizontal | options：horizontal/vertical | N
+loading | Boolean | true | \- | N
+pause | Boolean | false | \- | N
+progress | Number | - | \- | N
+reverse | Boolean | - | \- | N
+size | String | '20px' | \- | N
+text | String / Slot / Function | - | Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
+theme | String | circular | options：circular/spinner/dots | N
diff --git a/src/loading/loading.md b/src/loading/loading.md
index 0bb46083b..6fc6b2502 100644
--- a/src/loading/loading.md
+++ b/src/loading/loading.md
@@ -1,22 +1,21 @@
 :: BASE_DOC ::
 
 ## API
-
 ### Loading Props
 
-| 名称         | 类型                     | 默认值     | 说明                                                                                                                                    | 必传 |
-| ------------ | ------------------------ | ---------- | --------------------------------------------------------------------------------------------------------------------------------------- | ---- |
-| default      | String / Slot / Function | -          | 子元素，同 content。TS 类型：`string | TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N    |
-| delay        | Number                   | 0          | 延迟显示加载效果的时间，用于防止请求速度过快引起的加载闪烁，单位：毫秒                                                                  | N    |
-| content      | String / Slot / Function | -          | 子元素。TS 类型：`string | TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts)             | N    |
-| duration     | Number                   | 800        | 加载动画执行完成一次的时间，单位：毫秒                                                                                                  | N    |
-| indicator    | Boolean                  | true       | 是否显示加载指示符                                                                                                                      | N    |
-| inheritColor | Boolean                  | false      | 是否继承父元素颜色                                                                                                                      | N    |
-| layout       | String                   | horizontal | 对齐方式。可选项：horizontal/vertical                                                                                                   | N    |
-| loading      | Boolean                  | true       | 是否处于加载状态                                                                                                                        | N    |
-| pause        | Boolean                  | false      | 是否暂停动画                                                                                                                            | N    |
-| progress     | Number                   | -          | 加载进度                                                                                                                                | N    |
-| reverse      | Boolean                  | -          | 加载动画是否反向                                                                                                                        | N    |
-| size         | String                   | '40rpx'    | 尺寸，示例：40rpx/20px                                                                                                                  | N    |
-| text         | String / Slot            | -          | 加载提示文案                                                                                                                            | N    |
-| theme        | String                   | circular   | 加载组件类型。可选项：circular/spinner/bar/error/dots                                                                                   | N    |
+名称 | 类型 | 默认值 | 说明 | 必传
+-- | -- | -- | -- | --
+content | String / Slot / Function | - | 子元素。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
+default | String / Slot / Function | - | 子元素，同 content。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
+delay | Number | 0 | 延迟显示加载效果的时间，用于防止请求速度过快引起的加载闪烁，单位：毫秒 | N
+duration | Number | 800 | 加载动画执行完成一次的时间，单位：毫秒 | N
+indicator | Boolean | true | 是否显示加载指示符 | N
+inheritColor | Boolean | false | 是否继承父元素颜色 | N
+layout | String | horizontal | 对齐方式。可选项：horizontal/vertical | N
+loading | Boolean | true | 是否处于加载状态 | N
+pause | Boolean | false | 是否暂停动画 | N
+progress | Number | - | 加载进度 | N
+reverse | Boolean | - | 加载动画是否反向 | N
+size | String | '20px' | 尺寸，示例：20px | N
+text | String / Slot / Function | - | 加载提示文案。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
+theme | String | circular | 加载组件类型。可选项：circular/spinner/dots | N
diff --git a/src/loading/loading.vue b/src/loading/loading.vue
index 73904f57f..6342fda2f 100644
--- a/src/loading/loading.vue
+++ b/src/loading/loading.vue
@@ -1,19 +1,27 @@
 <template>
   <div :class="rootClass" :style="rootStyle">
-    <div v-if="theme === 'bar' && progress && ![0, 1].includes(progress)" :class="`${name}__bar`" :style="barStyle">
-      <div :class="`${name}__shadow`"></div>
-    </div>
-    <template v-else-if="theme !== 'bar'">
-      <template v-if="indicator && realLoading">
-        <gradient-icon v-if="theme === 'circular'" :style="animationStyle" />
-        <spinner-icon v-else-if="theme === 'spinner'" :style="animationStyle" />
-        <div v-else-if="theme === 'dots'" :class="`${name}__dots`" :style="animationStyle" />
-      </template>
-      <span v-if="textContent && realLoading" :class="textClass">
-        <t-node :content="textContent"></t-node>
-      </span>
-      <t-node :content="defaultContent"></t-node>
+    <template v-if="indicator && realLoading">
+      <gradient-icon v-if="theme === 'circular'" :style="animationStyle" />
+      <spinner-icon v-else-if="theme === 'spinner'" :style="animationStyle" />
+      <div v-else-if="theme === 'dots'" :class="`${name}__dots`" :style="animationStyle">
+        <div
+          :class="`${name}__dot`"
+          :style="duration ? `animation-duration: ${duration / 1000}s; animation-delay: 0s` : ''"
+        ></div>
+        <div
+          :class="`${name}__dot`"
+          :style="duration ? `animation-duration: ${duration / 1000}s; animation-delay: ${(duration * 1) / 3000}s` : ''"
+        ></div>
+        <div
+          :class="`${name}__dot`"
+          :style="duration ? `animation-duration: ${duration / 1000}s; animation-delay: ${(duration * 2) / 3000}s` : ''"
+        ></div>
+      </div>
     </template>
+    <span v-if="textContent && realLoading" :class="textClass">
+      <t-node :content="textContent" />
+    </span>
+    <t-node :content="defaultContent" />
   </div>
 </template>
 
@@ -22,7 +30,6 @@ import { defineComponent, getCurrentInstance, computed, ref, watch, toRefs } fro
 import GradientIcon from './icon/gradient.vue';
 import SpinnerIcon from './icon/spinner.vue';
 import { renderTNode, TNode, renderContent } from '../shared';
-import CLASSNAMES from '../shared/constants';
 
 import config from '../config';
 import LoadingProps from './props';
@@ -30,12 +37,6 @@ import LoadingProps from './props';
 const { prefix } = config;
 const name = `${prefix}-loading`;
 
-const toBarPerc = (n?: number) => {
-  if (!n || n <= 0) return -100;
-  if (n > 1) return 0;
-  return (-1 + n) * 100;
-};
-
 export default defineComponent({
   name,
   components: {
@@ -71,39 +72,32 @@ export default defineComponent({
       },
     );
 
-    const rootClass = computed(() => [
-      name,
-      { [`${name}--vertical`]: props.layout === 'vertical' },
-      { [`${name}--bar`]: props.theme === 'bar' },
-      props.size ? CLASSNAMES.SIZE[props.size] : '',
-    ]);
+    const rootClass = computed(() => [name, { [`${name}--vertical`]: props.layout === 'vertical' }]);
 
     const textClass = computed(() => [
       `${name}__text`,
-      { [`${name}__text--error`]: props.theme === 'error' },
       {
-        [`${name}__text--only`]: !props.indicator || props.theme === 'error',
+        [`${name}__text--only`]: !props.indicator,
       },
     ]);
 
     const textContent = computed(() => {
-      if (props.theme === 'error') {
-        return '加载失败';
-      }
       return renderTNode(internalInstance, 'text');
     });
 
     const defaultContent = computed(() => renderContent(internalInstance, 'default', 'content'));
 
     const rootStyle = computed(() => {
+      const style = [];
       if (props.inheritColor) {
-        return 'color: inherit';
+        style.push('color: inherit');
+      }
+      if (props.size) {
+        style.push(`font-size: ${props.size}`);
       }
-      return '';
+      return style.join(';');
     });
-    const barStyle = computed(() => ({
-      transform: `translate3d(${toBarPerc(props.progress)}%, 0px, 0px)`,
-    }));
+
     const animationStyle = computed(() => {
       const ans: Record<string, any> = {};
       if (props.pause) {
@@ -126,7 +120,6 @@ export default defineComponent({
       textContent,
       defaultContent,
       rootStyle,
-      barStyle,
       animationStyle,
       realLoading,
     };
diff --git a/src/loading/props.ts b/src/loading/props.ts
index e0be73992..b4b608ed5 100644
--- a/src/loading/props.ts
+++ b/src/loading/props.ts
@@ -8,14 +8,14 @@ import { TdLoadingProps } from './type';
 import { PropType } from 'vue';
 
 export default {
-  /** 子元素，同 content */
-  default: {
-    type: [String, Function] as PropType<TdLoadingProps['default']>,
-  },
   /** 子元素 */
   content: {
     type: [String, Function] as PropType<TdLoadingProps['content']>,
   },
+  /** 子元素，同 content */
+  default: {
+    type: [String, Function] as PropType<TdLoadingProps['default']>,
+  },
   /** 延迟显示加载效果的时间，用于防止请求速度过快引起的加载闪烁，单位：毫秒 */
   delay: {
     type: Number,
@@ -55,14 +55,14 @@ export default {
   },
   /** 加载动画是否反向 */
   reverse: Boolean,
-  /** 尺寸，示例：40rpx/20px */
+  /** 尺寸，示例：20px */
   size: {
     type: String,
-    default: '40rpx',
+    default: '20px',
   },
   /** 加载提示文案 */
   text: {
-    type: String,
+    type: [String, Function] as PropType<TdLoadingProps['text']>,
   },
   /** 加载组件类型 */
   theme: {
@@ -70,7 +70,7 @@ export default {
     default: 'circular' as TdLoadingProps['theme'],
     validator(val: TdLoadingProps['theme']): boolean {
       if (!val) return true;
-      return ['circular', 'spinner', 'bar', 'error', 'dots'].includes(val);
+      return ['circular', 'spinner', 'dots'].includes(val);
     },
   },
 };
diff --git a/src/loading/type.ts b/src/loading/type.ts
index e2d028f8f..b39d15193 100644
--- a/src/loading/type.ts
+++ b/src/loading/type.ts
@@ -7,14 +7,14 @@
 import { TNode } from '../common';
 
 export interface TdLoadingProps {
-  /**
-   * 子元素，同 content
-   */
-  default?: string | TNode;
   /**
    * 子元素
    */
   content?: string | TNode;
+  /**
+   * 子元素，同 content
+   */
+  default?: string | TNode;
   /**
    * 延迟显示加载效果的时间，用于防止请求速度过快引起的加载闪烁，单位：毫秒
    * @default 0
@@ -59,17 +59,17 @@ export interface TdLoadingProps {
    */
   reverse?: boolean;
   /**
-   * 尺寸，示例：40rpx/20px
-   * @default '40rpx'
+   * 尺寸，示例：20px
+   * @default '20px'
    */
   size?: string;
   /**
    * 加载提示文案
    */
-  text?: string;
+  text?: string | TNode;
   /**
    * 加载组件类型
    * @default circular
    */
-  theme?: 'circular' | 'spinner' | 'bar' | 'error' | 'dots';
+  theme?: 'circular' | 'spinner' | 'dots';
 }
diff --git a/src/switch/__test__/__snapshots__/demo.test.jsx.snap b/src/switch/__test__/__snapshots__/demo.test.jsx.snap
index 237457a39..b36b73e6c 100644
--- a/src/switch/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/switch/__test__/__snapshots__/demo.test.jsx.snap
@@ -460,10 +460,9 @@ exports[`Switch > Switch mobileVue demo works fine 1`] = `
             >
               <div
                 class="t-loading"
-                style=""
+                style="font-size: 16.25px;"
               >
                 
-                
                 <svg
                   class="t-loading__gradient t-icon-loading"
                   height="1em"
@@ -487,7 +486,6 @@ exports[`Switch > Switch mobileVue demo works fine 1`] = `
                 
                 <!--v-if-->
                 <!---->
-                
               </div>
               <!---->
             </div>
@@ -528,10 +526,9 @@ exports[`Switch > Switch mobileVue demo works fine 1`] = `
             >
               <div
                 class="t-loading"
-                style=""
+                style="font-size: 16.25px;"
               >
                 
-                
                 <svg
                   class="t-loading__gradient t-icon-loading"
                   height="1em"
@@ -555,7 +552,6 @@ exports[`Switch > Switch mobileVue demo works fine 1`] = `
                 
                 <!--v-if-->
                 <!---->
-                
               </div>
               <!---->
             </div>
@@ -955,10 +951,9 @@ exports[`Switch > Switch statusVue demo works fine 1`] = `
           >
             <div
               class="t-loading"
-              style=""
+              style="font-size: 16.25px;"
             >
               
-              
               <svg
                 class="t-loading__gradient t-icon-loading"
                 height="1em"
@@ -982,7 +977,6 @@ exports[`Switch > Switch statusVue demo works fine 1`] = `
               
               <!--v-if-->
               <!---->
-              
             </div>
             <!---->
           </div>
@@ -1023,10 +1017,9 @@ exports[`Switch > Switch statusVue demo works fine 1`] = `
           >
             <div
               class="t-loading"
-              style=""
+              style="font-size: 16.25px;"
             >
               
-              
               <svg
                 class="t-loading__gradient t-icon-loading"
                 height="1em"
@@ -1050,7 +1043,6 @@ exports[`Switch > Switch statusVue demo works fine 1`] = `
               
               <!--v-if-->
               <!---->
-              
             </div>
             <!---->
           </div>