diff --git a/src/goods-action-icon/index.less b/src/goods-action-icon/index.less
index 1b6e7a217..9ef7a1b82 100644
--- a/src/goods-action-icon/index.less
+++ b/src/goods-action-icon/index.less
@@ -6,16 +6,12 @@
   justify-content: center;
   min-width: @goods-action-icon-width;
   height: @goods-action-icon-height;
-  color: @goods-action-icon-color;
+  color: @goods-action-icon-text-color;
   font-size: @goods-action-icon-font-size;
   line-height: 1;
   text-align: center;
   background-color: @white;
 
-  &:not(:first-child)::after {
-    border-left-width: 1px;
-  }
-
   &:active {
     background-color: @goods-action-icon-active-color;
   }
@@ -23,6 +19,7 @@
   &__icon {
     width: 1em;
     margin: 0 auto 5px;
+    color: @goods-action-icon-color;
     font-size: @goods-action-icon-size;
   }
 }
diff --git a/src/goods-action-icon/index.tsx b/src/goods-action-icon/index.tsx
index f085eefc7..57877072c 100644
--- a/src/goods-action-icon/index.tsx
+++ b/src/goods-action-icon/index.tsx
@@ -35,7 +35,7 @@ function GoodsActionIcon(
     <div
       role="button"
       tabindex="0"
-      class={[bem(), 'van-hairline']}
+      class={bem()}
       onClick={onClick}
       {...inherit(ctx)}
     >
diff --git a/src/goods-action/test/__snapshots__/demo.spec.js.snap b/src/goods-action/test/__snapshots__/demo.spec.js.snap
index bf739351c..65bb28287 100644
--- a/src/goods-action/test/__snapshots__/demo.spec.js.snap
+++ b/src/goods-action/test/__snapshots__/demo.spec.js.snap
@@ -4,12 +4,12 @@ exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-goods-action">
-      <div role="button" tabindex="0" class="van-goods-action-icon van-hairline">
+      <div role="button" tabindex="0" class="van-goods-action-icon">
         <div class="van-icon van-icon-chat-o van-goods-action-icon__icon">
           <!---->
         </div>客服
       </div>
-      <div role="button" tabindex="0" class="van-goods-action-icon van-hairline">
+      <div role="button" tabindex="0" class="van-goods-action-icon">
         <div class="van-icon van-icon-cart-o van-goods-action-icon__icon">
           <!---->
         </div>购物车
@@ -18,17 +18,17 @@ exports[`renders demo correctly 1`] = `
   </div>
   <div>
     <div class="van-goods-action">
-      <div role="button" tabindex="0" class="van-goods-action-icon van-hairline">
+      <div role="button" tabindex="0" class="van-goods-action-icon">
         <div class="van-icon van-icon-chat-o van-goods-action-icon__icon">
           <!---->
         </div>客服
       </div>
-      <div role="button" tabindex="0" class="van-goods-action-icon van-hairline">
+      <div role="button" tabindex="0" class="van-goods-action-icon">
         <div class="van-icon van-icon-cart-o van-goods-action-icon__icon">
           <div class="van-info">5</div>
         </div>购物车
       </div>
-      <div role="button" tabindex="0" class="van-goods-action-icon van-hairline">
+      <div role="button" tabindex="0" class="van-goods-action-icon">
         <div class="van-icon van-icon-shop-o van-goods-action-icon__icon">
           <!---->
         </div>店铺
diff --git a/src/goods-action/test/__snapshots__/index.spec.js.snap b/src/goods-action/test/__snapshots__/index.spec.js.snap
index dc6e8b4ca..d60b67aff 100644
--- a/src/goods-action/test/__snapshots__/index.spec.js.snap
+++ b/src/goods-action/test/__snapshots__/index.spec.js.snap
@@ -3,7 +3,7 @@
 exports[`Button render default slot 1`] = `<button class="van-button van-button--default van-button--large van-button--square van-goods-action-button"><span class="van-button__text">Default Content</span></button>`;
 
 exports[`Icon render default slot 1`] = `
-<div role="button" tabindex="0" class="van-goods-action-icon van-hairline">
+<div role="button" tabindex="0" class="van-goods-action-icon">
   <div class="van-icon van-icon-undefined van-goods-action-icon__icon">
     <!---->
   </div>Default Content
@@ -11,7 +11,7 @@ exports[`Icon render default slot 1`] = `
 `;
 
 exports[`Icon render icon slot 1`] = `
-<div role="button" tabindex="0" class="van-goods-action-icon van-hairline">
+<div role="button" tabindex="0" class="van-goods-action-icon">
   <div class="van-goods-action-icon__icon">Custom Icon</div>Text
 </div>
 `;
diff --git a/src/style/var.less b/src/style/var.less
index 7f3745dbc..d50b4aa3f 100644
--- a/src/style/var.less
+++ b/src/style/var.less
@@ -252,12 +252,13 @@
 
 // GoodsAction
 @goods-action-background-color: @white;
-@goods-action-icon-width: 15%;
+@goods-action-icon-width: 48px;
 @goods-action-icon-height: 50px;
-@goods-action-icon-color: @gray-darker;
-@goods-action-icon-size: 20px;
+@goods-action-icon-color: @text-color;
+@goods-action-icon-size: 18px;
 @goods-action-icon-font-size: 10px;
 @goods-action-icon-active-color: @active-color;
+@goods-action-icon-text-color: @gray-darker;
 
 // IndexAnchor
 @index-anchor-padding: 0 15px;