diff --git a/src/button/demo/index.vue b/src/button/demo/index.vue
index b4cb4a75f..42988b64d 100644
--- a/src/button/demo/index.vue
+++ b/src/button/demo/index.vue
@@ -143,6 +143,8 @@ export default {
 @import '../../style/var';
 
 .demo-button {
+  background: @white;
+
   .van-button {
     &--large {
       margin-bottom: @padding-md;
diff --git a/src/checkbox/demo/index.vue b/src/checkbox/demo/index.vue
index df0c507a3..c0272e37a 100644
--- a/src/checkbox/demo/index.vue
+++ b/src/checkbox/demo/index.vue
@@ -170,6 +170,8 @@ export default {
 @import "../../style/var";
 
 .demo-checkbox {
+  background: @white;
+
   .van-checkbox {
     margin: 10px 0 0 20px;
   }
diff --git a/src/col/demo/index.vue b/src/col/demo/index.vue
index 3a9d717d2..3356f896d 100644
--- a/src/col/demo/index.vue
+++ b/src/col/demo/index.vue
@@ -103,6 +103,8 @@ export default {
 @import '../../style/var';
 
 .demo-col {
+  background: @white;
+
   .van-doc-demo-block {
     padding: 0 @padding-md;
   }
diff --git a/src/icon/demo/index.vue b/src/icon/demo/index.vue
index 9a7461597..3ad3d7166 100644
--- a/src/icon/demo/index.vue
+++ b/src/icon/demo/index.vue
@@ -222,6 +222,7 @@ export default {
     width: auto;
     margin: 20px;
     background-color: #fff;
+    border-radius: 12px;
   }
 }
 </style>
diff --git a/src/lazyload/demo/index.vue b/src/lazyload/demo/index.vue
index 42cd431e7..46a2ec0a4 100644
--- a/src/lazyload/demo/index.vue
+++ b/src/lazyload/demo/index.vue
@@ -66,9 +66,9 @@ export default {
     padding: @padding-md;
     background-color: white;
     background-repeat: no-repeat;
-    background-position: @padding-md;
-    background-size: 315px 250px;
-    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+    background-size: 100% 100%;
+    border-radius: 12px;
+    box-shadow: 0 8px 12px #ebedf0;
   }
 
   .van-doc-demo-block__title,
diff --git a/src/loading/demo/index.vue b/src/loading/demo/index.vue
index 66104ae56..2037ebc1e 100644
--- a/src/loading/demo/index.vue
+++ b/src/loading/demo/index.vue
@@ -50,7 +50,11 @@ export default {
 </script>
 
 <style lang="less">
+@import "../../style/var";
+
 .demo-loading {
+  background: @white;
+
   .van-loading {
     display: inline-block;
     margin: 5px 0 5px 20px;
diff --git a/src/notice-bar/demo/index.vue b/src/notice-bar/demo/index.vue
index 149fef479..2a088b0d3 100644
--- a/src/notice-bar/demo/index.vue
+++ b/src/notice-bar/demo/index.vue
@@ -66,13 +66,17 @@ export default {
 </script>
 
 <style lang="less">
+@import '../../style/var';
+
 .demo-notice-bar {
+  background: @white;
+
   .van-notice-bar:not(:first-of-type) {
-    margin-top: 5px;
+    margin-top: 4px;
   }
 
   .van-doc-demo-block__title {
-    padding-top: 25px;
+    padding-top: 24px;
   }
 }
 </style>
diff --git a/src/overlay/demo/index.vue b/src/overlay/demo/index.vue
index 4b88ba8cf..491b73cff 100644
--- a/src/overlay/demo/index.vue
+++ b/src/overlay/demo/index.vue
@@ -51,7 +51,11 @@ export default {
 </script>
 
 <style lang="less">
+@import "../../style/var";
+
 .demo-overlay {
+  background: @white;
+
   .wrapper {
     display: flex;
     align-items: center;
@@ -62,7 +66,7 @@ export default {
   .block {
     width: 120px;
     height: 120px;
-    background-color: #fff;
+    background-color: @white;
   }
 }
 </style>
diff --git a/src/progress/demo/index.vue b/src/progress/demo/index.vue
index c15a0d308..b8a092f68 100644
--- a/src/progress/demo/index.vue
+++ b/src/progress/demo/index.vue
@@ -43,7 +43,11 @@ export default {
 </script>
 
 <style lang="less">
+@import '../../style/var';
+
 .demo-progress {
+  background: @white;
+
   .van-progress {
     margin: 20px;
 
diff --git a/src/radio/demo/index.vue b/src/radio/demo/index.vue
index a60bab475..5bf54eae4 100644
--- a/src/radio/demo/index.vue
+++ b/src/radio/demo/index.vue
@@ -121,7 +121,11 @@ export default {
 </script>
 
 <style lang="less">
+@import "../../style/var";
+
 .demo-radio {
+  background: @white;
+
   &-group {
     padding: 0 17px;
 
diff --git a/src/slider/demo/index.vue b/src/slider/demo/index.vue
index 4aab472c5..c18b24dbb 100644
--- a/src/slider/demo/index.vue
+++ b/src/slider/demo/index.vue
@@ -112,6 +112,7 @@ export default {
 @import '../../style/var';
 
 .demo-slider {
+  background: @white;
   user-select: none;
 
   .van-slider {
diff --git a/src/switch/demo/index.vue b/src/switch/demo/index.vue
index 81bab7f5f..11038934b 100644
--- a/src/switch/demo/index.vue
+++ b/src/switch/demo/index.vue
@@ -73,6 +73,8 @@ export default {
 @import '../../style/var';
 
 .demo-switch {
+  background: @white;
+
   .van-switch {
     margin: 0 @padding-md;
   }