diff --git a/docs/examples-docs/loading.md b/docs/examples-docs/loading.md
index b6a4521f7..4b577895c 100644
--- a/docs/examples-docs/loading.md
+++ b/docs/examples-docs/loading.md
@@ -22,8 +22,8 @@ Vue.component(Loading.name, Loading);
 
 :::demo 单色 spinner
 ```html
-<van-loading type="circle" color="white"></van-loading>
 <van-loading type="circle" color="black"></van-loading>
+<van-loading type="circle" color="white"></van-loading>
 ```
 :::
 
diff --git a/packages/vant-css/src/loading.css b/packages/vant-css/src/loading.css
index 94288eeb3..055031e79 100644
--- a/packages/vant-css/src/loading.css
+++ b/packages/vant-css/src/loading.css
@@ -41,8 +41,8 @@
       }
 
       &.van-loading__spinner--white {
-        border-color: rgba(0, 0, 0, .5);
-        border-top-color: transparent;
+        border-color: rgba(0, 0, 0, .1);
+        border-top-color: rgba(255, 255, 255, .7);
       }
     }