diff --git a/package.json b/package.json
index 39406809b09..e5126960382 100644
--- a/package.json
+++ b/package.json
@@ -32,7 +32,8 @@
   "husky": {
     "hooks": {
       "pre-commit": "lint-staged",
-      "commit-msg": "vant commit-lint"
+      "commit-msg": "vant commit-lint",
+      "pre-push": "yarn test"
     }
   },
   "lint-staged": {
diff --git a/src/address-list/test/__snapshots__/demo.spec.js.snap b/src/address-list/test/__snapshots__/demo.spec.js.snap
index deb69f0b5a2..df53e0618ae 100644
--- a/src/address-list/test/__snapshots__/demo.spec.js.snap
+++ b/src/address-list/test/__snapshots__/demo.spec.js.snap
@@ -16,9 +16,7 @@ exports[`renders demo correctly 1`] = `
                 <div class="van-radio__icon van-radio__icon--round van-radio__icon--checked"><i class="van-icon van-icon-success">
                     <!----></i></div><span class="van-radio__label">设为默认</span>
               </div>
-              <div class="van-address-item__icons-wrapper"><i class="van-icon van-icon-edit van-address-item__edit">
-                  <!----></i><i class="van-icon van-icon-delete van-address-item__delete">
-                  <!----></i></div>
+              <div class="van-address-item__icons-wrapper"><span class="van-address-item__edit" style="display: flex;"><i class="van-icon van-icon-edit"><!----></i></span><span class="van-address-item__delete" style="display: flex;"><i class="van-icon van-icon-delete"><!----></i></span></div>
             </div>
           </div>
         </div>
@@ -33,9 +31,7 @@ exports[`renders demo correctly 1`] = `
                 <div class="van-radio__icon van-radio__icon--round"><i class="van-icon van-icon-success">
                     <!----></i></div><span class="van-radio__label">设为默认</span>
               </div>
-              <div class="van-address-item__icons-wrapper"><i class="van-icon van-icon-edit van-address-item__edit">
-                  <!----></i><i class="van-icon van-icon-delete van-address-item__delete">
-                  <!----></i></div>
+              <div class="van-address-item__icons-wrapper"><span class="van-address-item__edit" style="display: flex;"><i class="van-icon van-icon-edit"><!----></i></span><span class="van-address-item__delete" style="display: flex;"><i class="van-icon van-icon-delete"><!----></i></span></div>
             </div>
           </div>
         </div>
@@ -52,9 +48,7 @@ exports[`renders demo correctly 1`] = `
               <div class="van-radio__icon van-radio__icon--round"><i class="van-icon van-icon-success">
                   <!----></i></div><span class="van-radio__label">设为默认</span>
             </div>
-            <div class="van-address-item__icons-wrapper"><i class="van-icon van-icon-edit van-address-item__edit">
-                <!----></i><i class="van-icon van-icon-delete van-address-item__delete">
-                <!----></i></div>
+            <div class="van-address-item__icons-wrapper"><span class="van-address-item__edit" style="display: flex;"><i class="van-icon van-icon-edit"><!----></i></span><span class="van-address-item__delete" style="display: flex;"><i class="van-icon van-icon-delete"><!----></i></span></div>
           </div>
         </div>
       </div><button class="van-button van-button--danger van-button--large van-button--square van-address-list__add"><span class="van-button__text">新增地址</span></button>
diff --git a/src/address-list/test/__snapshots__/index.spec.js.snap b/src/address-list/test/__snapshots__/index.spec.js.snap
index 40b7cbd61eb..e704931166e 100644
--- a/src/address-list/test/__snapshots__/index.spec.js.snap
+++ b/src/address-list/test/__snapshots__/index.spec.js.snap
@@ -14,9 +14,7 @@ exports[`unswitchable 1`] = `
             <div class="van-radio__icon van-radio__icon--round"><i class="van-icon van-icon-success">
                 <!----></i></div><span class="van-radio__label">设为默认</span>
           </div>
-          <div class="van-address-item__icons-wrapper"><i class="van-icon van-icon-edit van-address-item__edit">
-              <!----></i><i class="van-icon van-icon-delete van-address-item__delete">
-              <!----></i></div>
+          <div class="van-address-item__icons-wrapper"><span class="van-address-item__edit" style="display: flex;"><i class="van-icon van-icon-edit"><!----></i></span><span class="van-address-item__delete" style="display: flex;"><i class="van-icon van-icon-delete"><!----></i></span></div>
         </div>
       </div>
     </div>
@@ -31,9 +29,7 @@ exports[`unswitchable 1`] = `
             <div class="van-radio__icon van-radio__icon--round"><i class="van-icon van-icon-success">
                 <!----></i></div><span class="van-radio__label">设为默认</span>
           </div>
-          <div class="van-address-item__icons-wrapper"><i class="van-icon van-icon-edit van-address-item__edit">
-              <!----></i><i class="van-icon van-icon-delete van-address-item__delete">
-              <!----></i></div>
+          <div class="van-address-item__icons-wrapper"><span class="van-address-item__edit" style="display: flex;"><i class="van-icon van-icon-edit"><!----></i></span><span class="van-address-item__delete" style="display: flex;"><i class="van-icon van-icon-delete"><!----></i></span></div>
         </div>
       </div>
     </div>
diff --git a/src/grid-item/index.js b/src/grid-item/index.js
index 5dad92519d4..50c2a4a7f3e 100644
--- a/src/grid-item/index.js
+++ b/src/grid-item/index.js
@@ -3,6 +3,7 @@ import { BORDER } from '../utils/constant';
 import { ChildrenMixin } from '../mixins/relation';
 import { route, routeProps } from '../utils/router';
 import Icon from '../icon';
+import Info from '../info';
 
 const [createComponent, bem] = createNamespace('grid-item');
 
@@ -69,16 +70,13 @@ export default createComponent({
       }
 
       return [
-        this.slots('icon') ||
-          (this.icon && (
-            <Icon
-              name={this.icon}
-              dot={this.dot}
-              info={this.info}
-              size={this.parent.iconSize}
-              class={bem('icon')}
-            />
-          )),
+        <div style="display: flex; position: relative">
+          {this.slots('icon') ||
+            (this.icon && (
+              <Icon name={this.icon} size={this.parent.iconSize} class={bem('icon')} />
+            ))}
+          <Info dot={this.dot} info={this.info} />
+        </div>,
         this.slots('text') || (this.text && <span class={bem('text')}>{this.text}</span>)
       ];
     }
diff --git a/src/grid/README.md b/src/grid/README.md
index d19bc8d82a9..556708e6351 100644
--- a/src/grid/README.md
+++ b/src/grid/README.md
@@ -92,6 +92,9 @@ Vue.use(Grid).use(GridItem);
 <van-grid :column-num="2">
   <van-grid-item icon="home-o" text="Text" dot />
   <van-grid-item icon="search" text="Text" info="99+" />
+  <van-grid-item text="Text" info="99+">
+    <span slot="icon">slot=icon</span>
+  </van-grid-item>
 </van-grid>
 ```
 
diff --git a/src/grid/README.zh-CN.md b/src/grid/README.zh-CN.md
index 1c1ff1fc576..01d652a8c1e 100644
--- a/src/grid/README.zh-CN.md
+++ b/src/grid/README.zh-CN.md
@@ -110,6 +110,9 @@ Vue.use(Grid).use(GridItem);
 <van-grid :column-num="2">
   <van-grid-item icon="home-o" text="文字" dot />
   <van-grid-item icon="search" text="文字" info="99+" />
+  <van-grid-item text="文字" info="99+">
+    <span slot="icon">slot=icon</span>
+  </van-grid-item>
 </van-grid>
 ```
 
diff --git a/src/grid/demo/index.vue b/src/grid/demo/index.vue
index 4833886b2c8..7631e0f0c6f 100644
--- a/src/grid/demo/index.vue
+++ b/src/grid/demo/index.vue
@@ -49,6 +49,9 @@
       <van-grid :column-num="2">
         <van-grid-item icon="home-o" :text="$t('text')" dot />
         <van-grid-item icon="search" :text="$t('text')" info="99+" />
+        <van-grid-item :text="$t('text')" info="99+">
+          <span slot="icon">slot=icon</span>
+        </van-grid-item>
       </van-grid>
     </demo-block>
   </demo-section>
diff --git a/src/grid/test/__snapshots__/demo.spec.js.snap b/src/grid/test/__snapshots__/demo.spec.js.snap
index 69390c9b170..88b7b57a19e 100644
--- a/src/grid/test/__snapshots__/demo.spec.js.snap
+++ b/src/grid/test/__snapshots__/demo.spec.js.snap
@@ -5,48 +5,88 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="van-grid van-hairline--top">
       <div class="van-grid-item" style="flex-basis: 25%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
+        <div class="van-grid-item__content van-grid-item__content--center van-hairline">
+          <div style="display: flex; position: relative;"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+              <!----></i>
+            <!---->
+          </div><span class="van-grid-item__text">文字</span>
+        </div>
       </div>
       <div class="van-grid-item" style="flex-basis: 25%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
+        <div class="van-grid-item__content van-grid-item__content--center van-hairline">
+          <div style="display: flex; position: relative;"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+              <!----></i>
+            <!---->
+          </div><span class="van-grid-item__text">文字</span>
+        </div>
       </div>
       <div class="van-grid-item" style="flex-basis: 25%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
+        <div class="van-grid-item__content van-grid-item__content--center van-hairline">
+          <div style="display: flex; position: relative;"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+              <!----></i>
+            <!---->
+          </div><span class="van-grid-item__text">文字</span>
+        </div>
       </div>
       <div class="van-grid-item" style="flex-basis: 25%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
+        <div class="van-grid-item__content van-grid-item__content--center van-hairline">
+          <div style="display: flex; position: relative;"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+              <!----></i>
+            <!---->
+          </div><span class="van-grid-item__text">文字</span>
+        </div>
       </div>
     </div>
   </div>
   <div>
     <div class="van-grid van-hairline--top">
       <div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
+        <div class="van-grid-item__content van-grid-item__content--center van-hairline">
+          <div style="display: flex; position: relative;"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+              <!----></i>
+            <!---->
+          </div><span class="van-grid-item__text">文字</span>
+        </div>
       </div>
       <div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
+        <div class="van-grid-item__content van-grid-item__content--center van-hairline">
+          <div style="display: flex; position: relative;"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+              <!----></i>
+            <!---->
+          </div><span class="van-grid-item__text">文字</span>
+        </div>
       </div>
       <div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
+        <div class="van-grid-item__content van-grid-item__content--center van-hairline">
+          <div style="display: flex; position: relative;"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+              <!----></i>
+            <!---->
+          </div><span class="van-grid-item__text">文字</span>
+        </div>
       </div>
       <div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
+        <div class="van-grid-item__content van-grid-item__content--center van-hairline">
+          <div style="display: flex; position: relative;"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+              <!----></i>
+            <!---->
+          </div><span class="van-grid-item__text">文字</span>
+        </div>
       </div>
       <div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
+        <div class="van-grid-item__content van-grid-item__content--center van-hairline">
+          <div style="display: flex; position: relative;"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+              <!----></i>
+            <!---->
+          </div><span class="van-grid-item__text">文字</span>
+        </div>
       </div>
       <div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
+        <div class="van-grid-item__content van-grid-item__content--center van-hairline">
+          <div style="display: flex; position: relative;"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+              <!----></i>
+            <!---->
+          </div><span class="van-grid-item__text">文字</span>
+        </div>
       </div>
     </div>
   </div>
@@ -81,98 +121,183 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="van-grid van-hairline--top">
       <div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
+        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline">
+          <div style="display: flex; position: relative;"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+              <!----></i>
+            <!---->
+          </div><span class="van-grid-item__text">文字</span>
+        </div>
       </div>
       <div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
+        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline">
+          <div style="display: flex; position: relative;"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+              <!----></i>
+            <!---->
+          </div><span class="van-grid-item__text">文字</span>
+        </div>
       </div>
       <div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
+        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline">
+          <div style="display: flex; position: relative;"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+              <!----></i>
+            <!---->
+          </div><span class="van-grid-item__text">文字</span>
+        </div>
       </div>
       <div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
+        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline">
+          <div style="display: flex; position: relative;"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+              <!----></i>
+            <!---->
+          </div><span class="van-grid-item__text">文字</span>
+        </div>
       </div>
       <div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
+        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline">
+          <div style="display: flex; position: relative;"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+              <!----></i>
+            <!---->
+          </div><span class="van-grid-item__text">文字</span>
+        </div>
       </div>
       <div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
+        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline">
+          <div style="display: flex; position: relative;"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+              <!----></i>
+            <!---->
+          </div><span class="van-grid-item__text">文字</span>
+        </div>
       </div>
       <div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
+        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline">
+          <div style="display: flex; position: relative;"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+              <!----></i>
+            <!---->
+          </div><span class="van-grid-item__text">文字</span>
+        </div>
       </div>
       <div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
+        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline">
+          <div style="display: flex; position: relative;"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+              <!----></i>
+            <!---->
+          </div><span class="van-grid-item__text">文字</span>
+        </div>
       </div>
     </div>
   </div>
   <div>
     <div class="van-grid" style="padding-left: 10px;">
       <div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px;">
-        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
+        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline">
+          <div style="display: flex; position: relative;"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+              <!----></i>
+            <!---->
+          </div><span class="van-grid-item__text">文字</span>
+        </div>
       </div>
       <div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px;">
-        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
+        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline">
+          <div style="display: flex; position: relative;"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+              <!----></i>
+            <!---->
+          </div><span class="van-grid-item__text">文字</span>
+        </div>
       </div>
       <div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px;">
-        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
+        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline">
+          <div style="display: flex; position: relative;"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+              <!----></i>
+            <!---->
+          </div><span class="van-grid-item__text">文字</span>
+        </div>
       </div>
       <div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px;">
-        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
+        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline">
+          <div style="display: flex; position: relative;"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+              <!----></i>
+            <!---->
+          </div><span class="van-grid-item__text">文字</span>
+        </div>
       </div>
       <div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px; margin-top: 10px;">
-        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
+        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline">
+          <div style="display: flex; position: relative;"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+              <!----></i>
+            <!---->
+          </div><span class="van-grid-item__text">文字</span>
+        </div>
       </div>
       <div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px; margin-top: 10px;">
-        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
+        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline">
+          <div style="display: flex; position: relative;"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+              <!----></i>
+            <!---->
+          </div><span class="van-grid-item__text">文字</span>
+        </div>
       </div>
       <div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px; margin-top: 10px;">
-        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
+        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline">
+          <div style="display: flex; position: relative;"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+              <!----></i>
+            <!---->
+          </div><span class="van-grid-item__text">文字</span>
+        </div>
       </div>
       <div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px; margin-top: 10px;">
-        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
+        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline">
+          <div style="display: flex; position: relative;"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+              <!----></i>
+            <!---->
+          </div><span class="van-grid-item__text">文字</span>
+        </div>
       </div>
     </div>
   </div>
   <div>
     <div class="van-grid van-hairline--top">
       <div class="van-grid-item" style="flex-basis: 50%;">
-        <div role="button" tabindex="0" class="van-grid-item__content van-grid-item__content--center van-grid-item__content--clickable van-hairline"><i class="van-icon van-icon-home-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">路由跳转</span></div>
+        <div role="button" tabindex="0" class="van-grid-item__content van-grid-item__content--center van-grid-item__content--clickable van-hairline">
+          <div style="display: flex; position: relative;"><i class="van-icon van-icon-home-o van-grid-item__icon">
+              <!----></i>
+            <!---->
+          </div><span class="van-grid-item__text">路由跳转</span>
+        </div>
       </div>
       <div class="van-grid-item" style="flex-basis: 50%;">
-        <div role="button" tabindex="0" class="van-grid-item__content van-grid-item__content--center van-grid-item__content--clickable van-hairline"><i class="van-icon van-icon-search van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">URL 跳转</span></div>
+        <div role="button" tabindex="0" class="van-grid-item__content van-grid-item__content--center van-grid-item__content--clickable van-hairline">
+          <div style="display: flex; position: relative;"><i class="van-icon van-icon-search van-grid-item__icon">
+              <!----></i>
+            <!---->
+          </div><span class="van-grid-item__text">URL 跳转</span>
+        </div>
       </div>
     </div>
   </div>
   <div>
     <div class="van-grid van-hairline--top">
       <div class="van-grid-item" style="flex-basis: 50%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-home-o van-grid-item__icon">
+        <div class="van-grid-item__content van-grid-item__content--center van-hairline">
+          <div style="display: flex; position: relative;"><i class="van-icon van-icon-home-o van-grid-item__icon">
+              <!----></i>
             <div class="van-info van-info--dot"></div>
-          </i><span class="van-grid-item__text">文字</span></div>
+          </div><span class="van-grid-item__text">文字</span>
+        </div>
+      </div>
+      <div class="van-grid-item" style="flex-basis: 50%;">
+        <div class="van-grid-item__content van-grid-item__content--center van-hairline">
+          <div style="display: flex; position: relative;"><i class="van-icon van-icon-search van-grid-item__icon">
+              <!----></i>
+            <div class="van-info">99+</div>
+          </div><span class="van-grid-item__text">文字</span>
+        </div>
       </div>
       <div class="van-grid-item" style="flex-basis: 50%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-search van-grid-item__icon">
+        <div class="van-grid-item__content van-grid-item__content--center van-hairline">
+          <div style="display: flex; position: relative;"><span>slot=icon</span>
             <div class="van-info">99+</div>
-          </i><span class="van-grid-item__text">文字</span></div>
+          </div><span class="van-grid-item__text">文字</span>
+        </div>
       </div>
     </div>
   </div>
diff --git a/src/grid/test/__snapshots__/index.spec.js.snap b/src/grid/test/__snapshots__/index.spec.js.snap
index a66e337fb3e..d940f64af6a 100644
--- a/src/grid/test/__snapshots__/index.spec.js.snap
+++ b/src/grid/test/__snapshots__/index.spec.js.snap
@@ -3,8 +3,12 @@
 exports[`icon-size prop 1`] = `
 <div class="van-grid van-hairline--top">
   <div class="van-grid-item" style="flex-basis: 25%;">
-    <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-success van-grid-item__icon" style="font-size: 10px;">
-        <!----></i></div>
+    <div class="van-grid-item__content van-grid-item__content--center van-hairline">
+      <div style="display: flex; position: relative;"><i class="van-icon van-icon-success van-grid-item__icon" style="font-size: 10px;">
+          <!----></i>
+        <!---->
+      </div>
+    </div>
   </div>
 </div>
 `;
@@ -12,13 +16,25 @@ exports[`icon-size prop 1`] = `
 exports[`sqaure and set gutter 1`] = `
 <div class="van-grid" style="padding-left: 10rem;">
   <div class="van-grid-item van-grid-item--square" style="flex-basis: 50%; padding-top: 50%;">
-    <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-grid-item__content--surround van-hairline" style="right: 10rem; bottom: 10rem; height: auto;"></div>
+    <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-grid-item__content--surround van-hairline" style="right: 10rem; bottom: 10rem; height: auto;">
+      <div style="display: flex; position: relative;">
+        <!---->
+      </div>
+    </div>
   </div>
   <div class="van-grid-item van-grid-item--square" style="flex-basis: 50%; padding-top: 50%;">
-    <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-grid-item__content--surround van-hairline" style="right: 10rem; bottom: 10rem; height: auto;"></div>
+    <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-grid-item__content--surround van-hairline" style="right: 10rem; bottom: 10rem; height: auto;">
+      <div style="display: flex; position: relative;">
+        <!---->
+      </div>
+    </div>
   </div>
   <div class="van-grid-item van-grid-item--square" style="flex-basis: 50%; padding-top: 50%;">
-    <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-grid-item__content--surround van-hairline" style="right: 10rem; bottom: 10rem; height: auto;"></div>
+    <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-grid-item__content--surround van-hairline" style="right: 10rem; bottom: 10rem; height: auto;">
+      <div style="display: flex; position: relative;">
+        <!---->
+      </div>
+    </div>
   </div>
 </div>
 `;
diff --git a/src/select/test/__snapshots__/demo.spec.js.snap b/src/select/test/__snapshots__/demo.spec.js.snap
index 530720f9cb2..20b8ffd0698 100644
--- a/src/select/test/__snapshots__/demo.spec.js.snap
+++ b/src/select/test/__snapshots__/demo.spec.js.snap
@@ -4,7 +4,7 @@ exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-cell-group van-hairline--top-bottom">
-      <div class="van-cell van-field van-select" label="基本用法" placeholder="请选择性别" value="">
+      <div class="van-cell van-field van-select" label="基本用法" placeholder="请选择性别" value="2">
         <div class="van-cell__title van-field__label"><span>基本用法</span></div>
         <div class="van-cell__value">
           <div class="van-field__body"><input type="text" placeholder="请选择性别" readonly="readonly" class="van-field__control"></div>