diff --git a/packages/checkbox/demo/index.vue b/packages/checkbox/demo/index.vue
index 8ff654319..449cf7f5f 100644
--- a/packages/checkbox/demo/index.vue
+++ b/packages/checkbox/demo/index.vue
@@ -76,6 +76,7 @@
           >
             <van-checkbox
               ref="checkboxes"
+              slot="right-icon"
               :name="item"
             />
           </van-cell>
@@ -141,10 +142,6 @@ export default {
   }
 
   .van-cell {
-    &__value {
-      flex: none;
-    }
-
     .van-checkbox {
       margin: 0;
     }
diff --git a/packages/checkbox/en-US.md b/packages/checkbox/en-US.md
index a781f018b..7bf6c1c52 100644
--- a/packages/checkbox/en-US.md
+++ b/packages/checkbox/en-US.md
@@ -117,7 +117,11 @@ export default {
       :title="`Checkbox ${item}`"
       @click="toggle(index)"
     >
-      <van-checkbox :name="item" ref="checkboxes" />
+      <van-checkbox
+        :name="item"
+        ref="checkboxes"
+        slot="right-icon"
+      />
     </van-cell>
   </van-cell-group>
 </van-checkbox-group>
diff --git a/packages/checkbox/test/__snapshots__/demo.spec.js.snap b/packages/checkbox/test/__snapshots__/demo.spec.js.snap
index 5d9665f16..8bc123539 100644
--- a/packages/checkbox/test/__snapshots__/demo.spec.js.snap
+++ b/packages/checkbox/test/__snapshots__/demo.spec.js.snap
@@ -86,29 +86,23 @@ exports[`renders demo correctly 1`] = `
       <div class="van-cell-group van-hairline--top-bottom">
         <div class="van-cell van-cell--clickable">
           <div class="van-cell__title"><span>复选框a</span></div>
-          <div class="van-cell__value">
-            <div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox">
-              <div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success">
-                  <!----></i></div>
-            </div>
+          <div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox">
+            <div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success">
+                <!----></i></div>
           </div>
         </div>
         <div class="van-cell van-cell--clickable">
           <div class="van-cell__title"><span>复选框b</span></div>
-          <div class="van-cell__value">
-            <div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox">
-              <div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success">
-                  <!----></i></div>
-            </div>
+          <div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox">
+            <div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success">
+                <!----></i></div>
           </div>
         </div>
         <div class="van-cell van-cell--clickable">
           <div class="van-cell__title"><span>复选框c</span></div>
-          <div class="van-cell__value">
-            <div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox">
-              <div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success">
-                  <!----></i></div>
-            </div>
+          <div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox">
+            <div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success">
+                <!----></i></div>
           </div>
         </div>
       </div>
diff --git a/packages/checkbox/zh-CN.md b/packages/checkbox/zh-CN.md
index 9265bc0d6..d3fd61c49 100644
--- a/packages/checkbox/zh-CN.md
+++ b/packages/checkbox/zh-CN.md
@@ -121,7 +121,11 @@ export default {
       :title="`复选框 ${item}`"
       @click="toggle(index)"
     >
-      <van-checkbox :name="item" ref="checkboxes" />
+      <van-checkbox
+        :name="item"
+        ref="checkboxes"
+        slot="right-icon"
+      />
     </van-cell>
   </van-cell-group>
 </van-checkbox-group>
diff --git a/packages/radio/demo/index.vue b/packages/radio/demo/index.vue
index da4a20cfd..09798ea82 100644
--- a/packages/radio/demo/index.vue
+++ b/packages/radio/demo/index.vue
@@ -69,14 +69,20 @@
             :title="$t('radio') + 1"
             @click="radio5 = '1'"
           >
-            <van-radio name="1" />
+            <van-radio
+              name="1"
+              slot="right-icon"
+            />
           </van-cell>
           <van-cell
             clickable
             :title="$t('radio') + 2"
             @click="radio5 = '2'"
           >
-            <van-radio name="2" />
+            <van-radio
+              name="2"
+              slot="right-icon"
+            />
           </van-cell>
         </van-cell-group>
       </van-radio-group>
@@ -131,10 +137,6 @@ export default {
     }
   }
 
-  .van-cell__value {
-    flex: none;
-  }
-
   img {
     height: 20px;
   }
diff --git a/packages/radio/en-US.md b/packages/radio/en-US.md
index 7dc3b9f6e..98fdfd282 100644
--- a/packages/radio/en-US.md
+++ b/packages/radio/en-US.md
@@ -93,10 +93,10 @@ export default {
 <van-radio-group v-model="radio">
   <van-cell-group>
     <van-cell title="Radio 1" clickable @click="radio = '1'">
-      <van-radio name="1" />
+      <van-radio slot="right-icon" name="1" />
     </van-cell>
     <van-cell title="Radio 2" clickable @click="radio = '2'">
-      <van-radio name="2" />
+      <van-radio slot="right-icon" name="2" />
     </van-cell>
   </van-cell-group>
 </van-radio-group>
diff --git a/packages/radio/test/__snapshots__/demo.spec.js.snap b/packages/radio/test/__snapshots__/demo.spec.js.snap
index b59f49ae6..46cf6b222 100644
--- a/packages/radio/test/__snapshots__/demo.spec.js.snap
+++ b/packages/radio/test/__snapshots__/demo.spec.js.snap
@@ -61,20 +61,16 @@ exports[`renders demo correctly 1`] = `
       <div class="van-cell-group van-hairline--top-bottom">
         <div class="van-cell van-cell--clickable">
           <div class="van-cell__title"><span>单选框1</span></div>
-          <div class="van-cell__value">
-            <div role="radio" tabindex="0" aria-checked="true" class="van-radio">
-              <div class="van-radio__icon van-radio__icon--round van-radio__icon--checked"><i class="van-icon van-icon-success">
-                  <!----></i></div>
-            </div>
+          <div role="radio" tabindex="0" aria-checked="true" class="van-radio">
+            <div class="van-radio__icon van-radio__icon--round van-radio__icon--checked"><i class="van-icon van-icon-success">
+                <!----></i></div>
           </div>
         </div>
         <div class="van-cell van-cell--clickable">
           <div class="van-cell__title"><span>单选框2</span></div>
-          <div class="van-cell__value">
-            <div role="radio" tabindex="-1" aria-checked="false" class="van-radio">
-              <div class="van-radio__icon van-radio__icon--round"><i class="van-icon van-icon-success">
-                  <!----></i></div>
-            </div>
+          <div role="radio" tabindex="-1" aria-checked="false" class="van-radio">
+            <div class="van-radio__icon van-radio__icon--round"><i class="van-icon van-icon-success">
+                <!----></i></div>
           </div>
         </div>
       </div>
diff --git a/packages/radio/zh-CN.md b/packages/radio/zh-CN.md
index 15cc5fcef..72ad22abf 100644
--- a/packages/radio/zh-CN.md
+++ b/packages/radio/zh-CN.md
@@ -99,10 +99,10 @@ export default {
 <van-radio-group v-model="radio">
   <van-cell-group>
     <van-cell title="单选框 1" clickable @click="radio = '1'">
-      <van-radio name="1" />
+      <van-radio slot="right-icon" name="1" />
     </van-cell>
     <van-cell title="单选框 2" clickable @click="radio = '2'">
-      <van-radio name="2" />
+      <van-radio slot="right-icon" name="2" />
     </van-cell>
   </van-cell-group>
 </van-radio-group>