diff --git a/packages/vant/src/address-edit/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/address-edit/test/__snapshots__/demo.spec.ts.snap
deleted file mode 100644
index ed07d9c7a..000000000
--- a/packages/vant/src/address-edit/test/__snapshots__/demo.spec.ts.snap
+++ /dev/null
@@ -1,149 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`should render demo and match snapshot 1`] = `
-<div>
-  <form class="van-form van-address-edit">
-    <div class="van-address-edit__fields">
-      <div class="van-cell van-field">
-        <div class="van-cell__title van-field__label">
-          <label id="van-field-label"
-                 for="van-field-input"
-          >
-            Name
-          </label>
-        </div>
-        <div class="van-cell__value van-field__value">
-          <div class="van-field__body">
-            <input type="text"
-                   id="van-field-input"
-                   class="van-field__control"
-                   placeholder="Name"
-                   aria-labelledby="van-field-label"
-            >
-          </div>
-        </div>
-      </div>
-      <div class="van-cell van-field">
-        <div class="van-cell__title van-field__label">
-          <label id="van-field-label"
-                 for="van-field-input"
-          >
-            Phone
-          </label>
-        </div>
-        <div class="van-cell__value van-field__value">
-          <div class="van-field__body">
-            <input type="tel"
-                   id="van-field-input"
-                   class="van-field__control"
-                   placeholder="Phone"
-                   aria-labelledby="van-field-label"
-            >
-          </div>
-        </div>
-      </div>
-      <div class="van-cell van-cell--clickable van-field"
-           role="button"
-           tabindex="0"
-      >
-        <div class="van-cell__title van-field__label">
-          <label id="van-field-label"
-                 for="van-field-input"
-          >
-            Area
-          </label>
-        </div>
-        <div class="van-cell__value van-field__value">
-          <div class="van-field__body">
-            <input type="text"
-                   id="van-field-input"
-                   class="van-field__control"
-                   readonly
-                   placeholder="Area"
-                   aria-labelledby="van-field-label"
-            >
-          </div>
-        </div>
-        <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
-        </i>
-      </div>
-      <div class="van-cell van-field van-address-edit-detail">
-        <div class="van-cell__title van-field__label">
-          <label id="van-field-label"
-                 for="van-field-input"
-          >
-            Address
-          </label>
-        </div>
-        <div class="van-cell__value van-field__value">
-          <div class="van-field__body">
-            <textarea id="van-field-input"
-                      rows="1"
-                      class="van-field__control"
-                      placeholder="Address"
-                      aria-labelledby="van-field-label"
-                      style="height: auto;"
-            >
-            </textarea>
-          </div>
-        </div>
-      </div>
-      <div class="van-cell van-field">
-        <div class="van-cell__title van-field__label">
-          <label id="van-field-label"
-                 for="van-field-input"
-          >
-            Postal
-          </label>
-        </div>
-        <div class="van-cell__value van-field__value">
-          <div class="van-field__body">
-            <input type="tel"
-                   id="van-field-input"
-                   class="van-field__control"
-                   placeholder="Postal"
-                   aria-labelledby="van-field-label"
-            >
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="van-cell van-cell--center van-address-edit__default">
-      <div class="van-cell__title">
-        <span>
-          Set as the default address
-        </span>
-      </div>
-      <div role="switch"
-           class="van-switch"
-           style="font-size: 24px;"
-           tabindex="0"
-           aria-checked="false"
-      >
-        <div class="van-switch__node">
-        </div>
-      </div>
-    </div>
-    <div class="van-address-edit__buttons">
-      <button type="submit"
-              class="van-button van-button--danger van-button--normal van-button--block van-button--round van-address-edit__button"
-      >
-        <div class="van-button__content">
-          <span class="van-button__text">
-            Save
-          </span>
-        </div>
-      </button>
-      <button type="button"
-              class="van-button van-button--default van-button--normal van-button--block van-button--round van-address-edit__button"
-      >
-        <div class="van-button__content">
-          <span class="van-button__text">
-            Delete
-          </span>
-        </div>
-      </button>
-    </div>
-  </form>
-</div>
-`;
diff --git a/packages/vant/src/address-edit/test/__snapshots__/index.spec.js.snap b/packages/vant/src/address-edit/test/__snapshots__/index.spec.js.snap
deleted file mode 100644
index 2aaf61dd6..000000000
--- a/packages/vant/src/address-edit/test/__snapshots__/index.spec.js.snap
+++ /dev/null
@@ -1,377 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`should allow to custom validator with validator prop 1`] = `
-<div class="van-field__error-message">
-  foo name
-</div>
-`;
-
-exports[`should render AddressEdit correctly 1`] = `
-<form class="van-form van-address-edit">
-  <div class="van-address-edit__fields">
-    <div class="van-cell van-field">
-      <div class="van-cell__title van-field__label">
-        <label id="van-field-label"
-               for="van-field-input"
-        >
-          Name
-        </label>
-      </div>
-      <div class="van-cell__value van-field__value">
-        <div class="van-field__body">
-          <input type="text"
-                 id="van-field-input"
-                 class="van-field__control"
-                 placeholder="Name"
-                 aria-labelledby="van-field-label"
-          >
-        </div>
-      </div>
-    </div>
-    <div class="van-cell van-field">
-      <div class="van-cell__title van-field__label">
-        <label id="van-field-label"
-               for="van-field-input"
-        >
-          Phone
-        </label>
-      </div>
-      <div class="van-cell__value van-field__value">
-        <div class="van-field__body">
-          <input type="tel"
-                 id="van-field-input"
-                 class="van-field__control"
-                 placeholder="Phone"
-                 aria-labelledby="van-field-label"
-          >
-        </div>
-      </div>
-    </div>
-    <div class="van-cell van-cell--clickable van-field"
-         role="button"
-         tabindex="0"
-    >
-      <div class="van-cell__title van-field__label">
-        <label id="van-field-label"
-               for="van-field-input"
-        >
-          Area
-        </label>
-      </div>
-      <div class="van-cell__value van-field__value">
-        <div class="van-field__body">
-          <input type="text"
-                 id="van-field-input"
-                 class="van-field__control"
-                 readonly
-                 placeholder="Area"
-                 aria-labelledby="van-field-label"
-          >
-        </div>
-      </div>
-      <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
-      </i>
-    </div>
-    <div class="van-cell van-field van-address-edit-detail">
-      <div class="van-cell__title van-field__label">
-        <label id="van-field-label"
-               for="van-field-input"
-        >
-          Address
-        </label>
-      </div>
-      <div class="van-cell__value van-field__value">
-        <div class="van-field__body">
-          <textarea id="van-field-input"
-                    rows="1"
-                    class="van-field__control"
-                    placeholder="Address"
-                    aria-labelledby="van-field-label"
-          >
-          </textarea>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div class="van-address-edit__buttons">
-    <button type="submit"
-            class="van-button van-button--danger van-button--normal van-button--block van-button--round van-address-edit__button"
-    >
-      <div class="van-button__content">
-        <span class="van-button__text">
-          Save
-        </span>
-      </div>
-    </button>
-  </div>
-</form>
-`;
-
-exports[`should render AddressEdit with props correctly 1`] = `
-<form class="van-form van-address-edit">
-  <div class="van-address-edit__fields">
-    <div class="van-cell van-field">
-      <div class="van-cell__title van-field__label">
-        <label id="van-field-label"
-               for="van-field-input"
-        >
-          Name
-        </label>
-      </div>
-      <div class="van-cell__value van-field__value">
-        <div class="van-field__body">
-          <input type="text"
-                 id="van-field-input"
-                 class="van-field__control"
-                 placeholder="Name"
-                 aria-labelledby="van-field-label"
-          >
-        </div>
-      </div>
-    </div>
-    <div class="van-cell van-field">
-      <div class="van-cell__title van-field__label">
-        <label id="van-field-label"
-               for="van-field-input"
-        >
-          Phone
-        </label>
-      </div>
-      <div class="van-cell__value van-field__value">
-        <div class="van-field__body">
-          <input type="tel"
-                 id="van-field-input"
-                 class="van-field__control"
-                 placeholder="Phone"
-                 aria-labelledby="van-field-label"
-          >
-        </div>
-      </div>
-    </div>
-    <div class="van-cell van-cell--clickable van-field"
-         role="button"
-         tabindex="0"
-    >
-      <div class="van-cell__title van-field__label">
-        <label id="van-field-label"
-               for="van-field-input"
-        >
-          Area
-        </label>
-      </div>
-      <div class="van-cell__value van-field__value">
-        <div class="van-field__body">
-          <input type="text"
-                 id="van-field-input"
-                 class="van-field__control"
-                 readonly
-                 placeholder="Area"
-                 aria-labelledby="van-field-label"
-          >
-        </div>
-      </div>
-      <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
-      </i>
-    </div>
-    <div class="van-cell van-field van-address-edit-detail">
-      <div class="van-cell__title van-field__label">
-        <label id="van-field-label"
-               for="van-field-input"
-        >
-          Address
-        </label>
-      </div>
-      <div class="van-cell__value van-field__value">
-        <div class="van-field__body">
-          <textarea id="van-field-input"
-                    rows="1"
-                    class="van-field__control"
-                    placeholder="Address"
-                    aria-labelledby="van-field-label"
-          >
-          </textarea>
-        </div>
-      </div>
-    </div>
-    <div class="van-cell van-field">
-      <div class="van-cell__title van-field__label">
-        <label id="van-field-label"
-               for="van-field-input"
-        >
-          Postal
-        </label>
-      </div>
-      <div class="van-cell__value van-field__value">
-        <div class="van-field__body">
-          <input type="tel"
-                 id="van-field-input"
-                 class="van-field__control"
-                 placeholder="Postal"
-                 aria-labelledby="van-field-label"
-          >
-        </div>
-      </div>
-    </div>
-  </div>
-  <div class="van-cell van-cell--center van-address-edit__default">
-    <div class="van-cell__title">
-      <span>
-        Set as the default address
-      </span>
-    </div>
-    <div role="switch"
-         class="van-switch van-switch--on"
-         style="font-size: 24px;"
-         tabindex="0"
-         aria-checked="true"
-    >
-      <div class="van-switch__node">
-      </div>
-    </div>
-  </div>
-  <div class="van-address-edit__buttons">
-    <button type="submit"
-            class="van-button van-button--danger van-button--normal van-button--block van-button--round van-address-edit__button"
-    >
-      <div class="van-button__content">
-        <span class="van-button__text">
-          Save
-        </span>
-      </div>
-    </button>
-  </div>
-</form>
-`;
-
-exports[`should valid address detail and render error message correctly 1`] = `
-<div class="van-cell van-field van-address-edit-detail">
-  <div class="van-cell__title van-field__label">
-    <label id="van-field-label"
-           for="van-field-input"
-    >
-      Address
-    </label>
-  </div>
-  <div class="van-cell__value van-field__value">
-    <div class="van-field__body">
-      <textarea id="van-field-input"
-                rows="1"
-                class="van-field__control"
-                placeholder="Address"
-                aria-labelledby="van-field-label"
-                style="height: auto;"
-      >
-      </textarea>
-    </div>
-    <div class="van-field__error-message">
-      Address can not be empty
-    </div>
-  </div>
-</div>
-`;
-
-exports[`should valid area code and render error message correctly 1`] = `
-<div class="van-cell van-cell--clickable van-field"
-     role="button"
-     tabindex="0"
->
-  <div class="van-cell__title van-field__label">
-    <label id="van-field-label"
-           for="van-field-input"
-    >
-      Area
-    </label>
-  </div>
-  <div class="van-cell__value van-field__value">
-    <div class="van-field__body">
-      <input type="text"
-             id="van-field-input"
-             class="van-field__control"
-             readonly
-             placeholder="Area"
-             aria-labelledby="van-field-label"
-      >
-    </div>
-    <div class="van-field__error-message">
-      Please select a receiving area
-    </div>
-  </div>
-  <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
-  </i>
-</div>
-`;
-
-exports[`should valid name and render error message correctly 1`] = `
-<div class="van-cell van-field">
-  <div class="van-cell__title van-field__label">
-    <label id="van-field-label"
-           for="van-field-input"
-    >
-      Name
-    </label>
-  </div>
-  <div class="van-cell__value van-field__value">
-    <div class="van-field__body">
-      <input type="text"
-             id="van-field-input"
-             class="van-field__control"
-             placeholder="Name"
-             aria-labelledby="van-field-label"
-      >
-    </div>
-    <div class="van-field__error-message">
-      Please fill in the name
-    </div>
-  </div>
-</div>
-`;
-
-exports[`should valid postal code and render error message correctly 1`] = `
-<div class="van-cell van-field">
-  <div class="van-cell__title van-field__label">
-    <label id="van-field-label"
-           for="van-field-input"
-    >
-      Postal
-    </label>
-  </div>
-  <div class="van-cell__value van-field__value">
-    <div class="van-field__body">
-      <input type="tel"
-             id="van-field-input"
-             class="van-field__control"
-             placeholder="Postal"
-             aria-labelledby="van-field-label"
-      >
-    </div>
-    <div class="van-field__error-message">
-      Wrong postal code
-    </div>
-  </div>
-</div>
-`;
-
-exports[`should valid tel and render error message correctly 1`] = `
-<div class="van-cell van-field">
-  <div class="van-cell__title van-field__label">
-    <label id="van-field-label"
-           for="van-field-input"
-    >
-      Phone
-    </label>
-  </div>
-  <div class="van-cell__value van-field__value">
-    <div class="van-field__body">
-      <input type="tel"
-             id="van-field-input"
-             class="van-field__control"
-             placeholder="Phone"
-             aria-labelledby="van-field-label"
-      >
-    </div>
-    <div class="van-field__error-message">
-      Malformed phone number
-    </div>
-  </div>
-</div>
-`;
diff --git a/packages/vant/src/calendar/test/__snapshots__/index.spec.ts.snap b/packages/vant/src/calendar/test/__snapshots__/index.spec.ts.snap
index 313e618ca..a1c310a92 100644
--- a/packages/vant/src/calendar/test/__snapshots__/index.spec.ts.snap
+++ b/packages/vant/src/calendar/test/__snapshots__/index.spec.ts.snap
@@ -66,7 +66,7 @@ exports[`color prop when type is range 1`] = `
   </div>
   <div class="van-calendar__footer van-safe-area-bottom">
     <button type="button"
-            class="van-button van-button--danger van-button--normal van-button--block van-button--round van-calendar__confirm"
+            class="van-button van-button--primary van-button--normal van-button--block van-button--round van-calendar__confirm"
             style="color: white; background: blue; border-color: blue;"
     >
       <div class="van-button__content">
@@ -295,7 +295,7 @@ exports[`color prop when type is single 1`] = `
   </div>
   <div class="van-calendar__footer van-safe-area-bottom">
     <button type="button"
-            class="van-button van-button--danger van-button--normal van-button--block van-button--round van-calendar__confirm"
+            class="van-button van-button--primary van-button--normal van-button--block van-button--round van-calendar__confirm"
             style="color: white; background: blue; border-color: blue;"
     >
       <div class="van-button__content">
@@ -528,7 +528,7 @@ exports[`formatter prop 1`] = `
   </div>
   <div class="van-calendar__footer van-safe-area-bottom">
     <button type="button"
-            class="van-button van-button--danger van-button--normal van-button--block van-button--round van-calendar__confirm"
+            class="van-button van-button--primary van-button--normal van-button--block van-button--round van-calendar__confirm"
     >
       <div class="van-button__content">
         <span class="van-button__text">
@@ -623,7 +623,7 @@ exports[`popup wrapper 2`] = `
       </div>
       <div class="van-calendar__footer van-safe-area-bottom">
         <button type="button"
-                class="van-button van-button--danger van-button--normal van-button--block van-button--round van-calendar__confirm"
+                class="van-button van-button--primary van-button--normal van-button--block van-button--round van-calendar__confirm"
         >
           <div class="van-button__content">
             <span class="van-button__text">
@@ -888,7 +888,7 @@ exports[`row-height prop 1`] = `
   </div>
   <div class="van-calendar__footer van-safe-area-bottom">
     <button type="button"
-            class="van-button van-button--danger van-button--normal van-button--block van-button--round van-calendar__confirm"
+            class="van-button van-button--primary van-button--normal van-button--block van-button--round van-calendar__confirm"
     >
       <div class="van-button__content">
         <span class="van-button__text">
@@ -902,7 +902,7 @@ exports[`row-height prop 1`] = `
 
 exports[`should render confirm-text slot correctly 1`] = `
 <button type="button"
-        class="van-button van-button--danger van-button--normal van-button--block van-button--round van-calendar__confirm"
+        class="van-button van-button--primary van-button--normal van-button--block van-button--round van-calendar__confirm"
 >
   <div class="van-button__content">
     <span class="van-button__text">
diff --git a/packages/vant/src/calendar/test/__snapshots__/prop.spec.ts.snap b/packages/vant/src/calendar/test/__snapshots__/prop.spec.ts.snap
index da5358299..21a49968e 100644
--- a/packages/vant/src/calendar/test/__snapshots__/prop.spec.ts.snap
+++ b/packages/vant/src/calendar/test/__snapshots__/prop.spec.ts.snap
@@ -214,7 +214,7 @@ exports[`lazy-render prop 1`] = `
   </div>
   <div class="van-calendar__footer van-safe-area-bottom">
     <button type="button"
-            class="van-button van-button--danger van-button--normal van-button--block van-button--round van-calendar__confirm"
+            class="van-button van-button--primary van-button--normal van-button--block van-button--round van-calendar__confirm"
     >
       <div class="van-button__content">
         <span class="van-button__text">
diff --git a/packages/vant/src/config-provider/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/config-provider/test/__snapshots__/demo.spec.ts.snap
index be806aafa..a27aef20c 100644
--- a/packages/vant/src/config-provider/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/config-provider/test/__snapshots__/demo.spec.ts.snap
@@ -1,226 +1,125 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`should render demo and match snapshot 1`] = `
-<div>
-  <form class="van-form">
-    <div class="van-cell van-field">
-      <div class="van-cell__title van-field__label">
-        <label id="van-field-label"
-               for="van-field-input"
-        >
-          Rate
-        </label>
+<div style="min-height: 100vh;">
+  <div>
+    <div class="van-cell van-cell--center">
+      <div class="van-cell__title">
+        <span>
+          Switch Dark Mode
+        </span>
       </div>
-      <div class="van-cell__value van-field__value">
-        <div class="van-field__body">
-          <div class="van-field__control van-field__control--custom">
-            <div role="radiogroup"
-                 class="van-rate"
-                 tabindex="0"
-                 aria-disabled="false"
-                 aria-readonly="false"
-            >
-              <div role="radio"
-                   class="van-rate__item"
-                   tabindex="0"
-                   aria-setsize="5"
-                   aria-posinset="1"
-                   aria-checked="true"
-              >
-                <i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full">
-                </i>
-              </div>
-              <div role="radio"
-                   class="van-rate__item"
-                   tabindex="0"
-                   aria-setsize="5"
-                   aria-posinset="2"
-                   aria-checked="true"
-              >
-                <i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full">
-                </i>
-              </div>
-              <div role="radio"
-                   class="van-rate__item"
-                   tabindex="0"
-                   aria-setsize="5"
-                   aria-posinset="3"
-                   aria-checked="true"
-              >
-                <i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full">
-                </i>
-              </div>
-              <div role="radio"
-                   class="van-rate__item"
-                   tabindex="0"
-                   aria-setsize="5"
-                   aria-posinset="4"
-                   aria-checked="true"
-              >
-                <i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full">
-                </i>
-              </div>
-              <div role="radio"
-                   class="van-rate__item"
-                   tabindex="0"
-                   aria-setsize="5"
-                   aria-posinset="5"
-                   aria-checked="false"
-              >
-                <i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon">
-                </i>
-              </div>
-            </div>
-          </div>
+      <div role="switch"
+           class="van-switch"
+           style="font-size: 24px;"
+           tabindex="0"
+           aria-checked="false"
+      >
+        <div class="van-switch__node">
         </div>
       </div>
     </div>
-    <div class="van-cell van-field">
-      <div class="van-cell__title van-field__label">
-        <label id="van-field-label"
-               for="van-field-input"
-        >
-          Slider
-        </label>
-      </div>
-      <div class="van-cell__value van-field__value">
-        <div class="van-field__body">
-          <div class="van-field__control van-field__control--custom">
-            <div class="van-slider">
-              <div class="van-slider__bar"
-                   style="width: 50%; left: 0%;"
-              >
-                <div role="slider"
-                     class="van-slider__button-wrapper van-slider__button-wrapper--right"
+  </div>
+  <div>
+    <div class="van-config-provider">
+      <form class="van-form">
+        <div class="van-cell van-field">
+          <div class="van-cell__title van-field__label">
+            <label id="van-field-label"
+                   for="van-field-input"
+            >
+              Rate
+            </label>
+          </div>
+          <div class="van-cell__value van-field__value">
+            <div class="van-field__body">
+              <div class="van-field__control van-field__control--custom">
+                <div role="radiogroup"
+                     class="van-rate"
                      tabindex="0"
-                     aria-valuemin="0"
-                     aria-valuenow="50"
-                     aria-valuemax="100"
-                     aria-orientation="horizontal"
+                     aria-disabled="false"
+                     aria-readonly="false"
                 >
-                  <div class="van-slider__button">
+                  <div role="radio"
+                       class="van-rate__item"
+                       tabindex="0"
+                       aria-setsize="5"
+                       aria-posinset="1"
+                       aria-checked="true"
+                  >
+                    <i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full">
+                    </i>
+                  </div>
+                  <div role="radio"
+                       class="van-rate__item"
+                       tabindex="0"
+                       aria-setsize="5"
+                       aria-posinset="2"
+                       aria-checked="true"
+                  >
+                    <i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full">
+                    </i>
+                  </div>
+                  <div role="radio"
+                       class="van-rate__item"
+                       tabindex="0"
+                       aria-setsize="5"
+                       aria-posinset="3"
+                       aria-checked="true"
+                  >
+                    <i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full">
+                    </i>
+                  </div>
+                  <div role="radio"
+                       class="van-rate__item"
+                       tabindex="0"
+                       aria-setsize="5"
+                       aria-posinset="4"
+                       aria-checked="true"
+                  >
+                    <i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full">
+                    </i>
+                  </div>
+                  <div role="radio"
+                       class="van-rate__item"
+                       tabindex="0"
+                       aria-setsize="5"
+                       aria-posinset="5"
+                       aria-checked="false"
+                  >
+                    <i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon">
+                    </i>
                   </div>
                 </div>
               </div>
             </div>
           </div>
         </div>
-      </div>
-    </div>
-    <div style="margin: 16px;">
-      <button type="submit"
-              class="van-button van-button--primary van-button--normal van-button--block van-button--round"
-      >
-        <div class="van-button__content">
-          <span class="van-button__text">
-            Submit
-          </span>
-        </div>
-      </button>
-    </div>
-  </form>
-</div>
-<div>
-  <div class="van-config-provider"
-       style="--van-rate-icon-full-color: #07c160; --van-slider-bar-height: 4px; --van-slider-button-width: 20px; --van-slider-button-height: 20px; --van-slider-active-background: #07c160; --van-button-primary-border-color: #07c160; --van-button-primary-background: #07c160;"
-  >
-    <form class="van-form">
-      <div class="van-cell van-field">
-        <div class="van-cell__title van-field__label">
-          <label id="van-field-label"
-                 for="van-field-input"
-          >
-            Rate
-          </label>
-        </div>
-        <div class="van-cell__value van-field__value">
-          <div class="van-field__body">
-            <div class="van-field__control van-field__control--custom">
-              <div role="radiogroup"
-                   class="van-rate"
-                   tabindex="0"
-                   aria-disabled="false"
-                   aria-readonly="false"
-              >
-                <div role="radio"
-                     class="van-rate__item"
-                     tabindex="0"
-                     aria-setsize="5"
-                     aria-posinset="1"
-                     aria-checked="true"
-                >
-                  <i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full">
-                  </i>
-                </div>
-                <div role="radio"
-                     class="van-rate__item"
-                     tabindex="0"
-                     aria-setsize="5"
-                     aria-posinset="2"
-                     aria-checked="true"
-                >
-                  <i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full">
-                  </i>
-                </div>
-                <div role="radio"
-                     class="van-rate__item"
-                     tabindex="0"
-                     aria-setsize="5"
-                     aria-posinset="3"
-                     aria-checked="true"
-                >
-                  <i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full">
-                  </i>
-                </div>
-                <div role="radio"
-                     class="van-rate__item"
-                     tabindex="0"
-                     aria-setsize="5"
-                     aria-posinset="4"
-                     aria-checked="true"
-                >
-                  <i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full">
-                  </i>
-                </div>
-                <div role="radio"
-                     class="van-rate__item"
-                     tabindex="0"
-                     aria-setsize="5"
-                     aria-posinset="5"
-                     aria-checked="false"
-                >
-                  <i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon">
-                  </i>
-                </div>
-              </div>
-            </div>
+        <div class="van-cell van-field">
+          <div class="van-cell__title van-field__label">
+            <label id="van-field-label"
+                   for="van-field-input"
+            >
+              Slider
+            </label>
           </div>
-        </div>
-      </div>
-      <div class="van-cell van-field">
-        <div class="van-cell__title van-field__label">
-          <label id="van-field-label"
-                 for="van-field-input"
-          >
-            Slider
-          </label>
-        </div>
-        <div class="van-cell__value van-field__value">
-          <div class="van-field__body">
-            <div class="van-field__control van-field__control--custom">
-              <div class="van-slider">
-                <div class="van-slider__bar"
-                     style="width: 50%; left: 0%;"
-                >
-                  <div role="slider"
-                       class="van-slider__button-wrapper van-slider__button-wrapper--right"
-                       tabindex="0"
-                       aria-valuemin="0"
-                       aria-valuenow="50"
-                       aria-valuemax="100"
-                       aria-orientation="horizontal"
+          <div class="van-cell__value van-field__value">
+            <div class="van-field__body">
+              <div class="van-field__control van-field__control--custom">
+                <div class="van-slider">
+                  <div class="van-slider__bar"
+                       style="width: 50%; left: 0%;"
                   >
-                    <div class="van-slider__button">
+                    <div role="slider"
+                         class="van-slider__button-wrapper van-slider__button-wrapper--right"
+                         tabindex="0"
+                         aria-valuemin="0"
+                         aria-valuenow="50"
+                         aria-valuemax="100"
+                         aria-orientation="horizontal"
+                    >
+                      <div class="van-slider__button">
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -228,19 +127,142 @@ exports[`should render demo and match snapshot 1`] = `
             </div>
           </div>
         </div>
-      </div>
-      <div style="margin: 16px;">
-        <button type="submit"
-                class="van-button van-button--primary van-button--normal van-button--block van-button--round"
-        >
-          <div class="van-button__content">
-            <span class="van-button__text">
-              Submit
-            </span>
+        <div style="margin: 16px;">
+          <button type="submit"
+                  class="van-button van-button--primary van-button--normal van-button--block van-button--round"
+          >
+            <div class="van-button__content">
+              <span class="van-button__text">
+                Submit
+              </span>
+            </div>
+          </button>
+        </div>
+      </form>
+    </div>
+  </div>
+  <div>
+    <div class="van-config-provider"
+         style="--van-rate-icon-full-color: #07c160; --van-slider-bar-height: 4px; --van-slider-button-width: 20px; --van-slider-button-height: 20px; --van-slider-active-background: #07c160; --van-button-primary-background: #07c160; --van-button-primary-border-color: #07c160;"
+    >
+      <form class="van-form">
+        <div class="van-cell van-field">
+          <div class="van-cell__title van-field__label">
+            <label id="van-field-label"
+                   for="van-field-input"
+            >
+              Rate
+            </label>
           </div>
-        </button>
-      </div>
-    </form>
+          <div class="van-cell__value van-field__value">
+            <div class="van-field__body">
+              <div class="van-field__control van-field__control--custom">
+                <div role="radiogroup"
+                     class="van-rate"
+                     tabindex="0"
+                     aria-disabled="false"
+                     aria-readonly="false"
+                >
+                  <div role="radio"
+                       class="van-rate__item"
+                       tabindex="0"
+                       aria-setsize="5"
+                       aria-posinset="1"
+                       aria-checked="true"
+                  >
+                    <i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full">
+                    </i>
+                  </div>
+                  <div role="radio"
+                       class="van-rate__item"
+                       tabindex="0"
+                       aria-setsize="5"
+                       aria-posinset="2"
+                       aria-checked="true"
+                  >
+                    <i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full">
+                    </i>
+                  </div>
+                  <div role="radio"
+                       class="van-rate__item"
+                       tabindex="0"
+                       aria-setsize="5"
+                       aria-posinset="3"
+                       aria-checked="true"
+                  >
+                    <i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full">
+                    </i>
+                  </div>
+                  <div role="radio"
+                       class="van-rate__item"
+                       tabindex="0"
+                       aria-setsize="5"
+                       aria-posinset="4"
+                       aria-checked="true"
+                  >
+                    <i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full">
+                    </i>
+                  </div>
+                  <div role="radio"
+                       class="van-rate__item"
+                       tabindex="0"
+                       aria-setsize="5"
+                       aria-posinset="5"
+                       aria-checked="false"
+                  >
+                    <i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon">
+                    </i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="van-cell van-field">
+          <div class="van-cell__title van-field__label">
+            <label id="van-field-label"
+                   for="van-field-input"
+            >
+              Slider
+            </label>
+          </div>
+          <div class="van-cell__value van-field__value">
+            <div class="van-field__body">
+              <div class="van-field__control van-field__control--custom">
+                <div class="van-slider">
+                  <div class="van-slider__bar"
+                       style="width: 50%; left: 0%;"
+                  >
+                    <div role="slider"
+                         class="van-slider__button-wrapper van-slider__button-wrapper--right"
+                         tabindex="0"
+                         aria-valuemin="0"
+                         aria-valuenow="50"
+                         aria-valuemax="100"
+                         aria-orientation="horizontal"
+                    >
+                      <div class="van-slider__button">
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div style="margin: 16px;">
+          <button type="submit"
+                  class="van-button van-button--primary van-button--normal van-button--block van-button--round"
+          >
+            <div class="van-button__content">
+              <span class="van-button__text">
+                Submit
+              </span>
+            </div>
+          </button>
+        </div>
+      </form>
+    </div>
   </div>
 </div>
 `;
diff --git a/packages/vant/src/sidebar/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/sidebar/test/__snapshots__/demo.spec.ts.snap
index fd4eae9c4..9ab891bae 100644
--- a/packages/vant/src/sidebar/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/sidebar/test/__snapshots__/demo.spec.ts.snap
@@ -82,9 +82,6 @@ exports[`should render demo and match snapshot 1`] = `
         >
           <div class="van-badge__wrapper van-sidebar-item__text">
             Title
-            <div class="van-badge van-badge--top-right van-badge--fixed">
-              20
-            </div>
           </div>
         </div>
       </div>
diff --git a/packages/vant/src/slider/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/slider/test/__snapshots__/demo.spec.ts.snap
index 13a1911d5..2a25578a1 100644
--- a/packages/vant/src/slider/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/slider/test/__snapshots__/demo.spec.ts.snap
@@ -131,7 +131,7 @@ exports[`should render demo and match snapshot 1`] = `
 <div>
   <div class="van-slider">
     <div class="van-slider__bar"
-         style="width: 50%; background: rgb(238, 10, 36); left: 0%;"
+         style="width: 50%; left: 0%;"
     >
       <div role="slider"
            class="van-slider__button-wrapper van-slider__button-wrapper--right"
diff --git a/packages/vant/src/tabbar/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/tabbar/test/__snapshots__/demo.spec.ts.snap
index f2264cb4d..a1a45f235 100644
--- a/packages/vant/src/tabbar/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/tabbar/test/__snapshots__/demo.spec.ts.snap
@@ -252,7 +252,6 @@ exports[`should render demo and match snapshot 1`] = `
     </div>
     <div role="tab"
          class="van-tabbar-item"
-         style="color: rgb(0, 0, 0);"
          tabindex="0"
          aria-selected="false"
     >
@@ -266,7 +265,6 @@ exports[`should render demo and match snapshot 1`] = `
     </div>
     <div role="tab"
          class="van-tabbar-item"
-         style="color: rgb(0, 0, 0);"
          tabindex="0"
          aria-selected="false"
     >
@@ -280,7 +278,6 @@ exports[`should render demo and match snapshot 1`] = `
     </div>
     <div role="tab"
          class="van-tabbar-item"
-         style="color: rgb(0, 0, 0);"
          tabindex="0"
          aria-selected="false"
     >