diff --git a/packages/goods-action/test/index.spec.js b/packages/goods-action/test/index.spec.js
new file mode 100644
index 000000000..ff503bbb6
--- /dev/null
+++ b/packages/goods-action/test/index.spec.js
@@ -0,0 +1,17 @@
+import BigBtn from '../../goods-action-big-btn';
+import SmallBtn from '../../goods-action-mini-btn';
+import { mount } from '@vue/test-utils';
+
+test('big btn click event', () => {
+  const wrapper = mount(BigBtn);
+
+  wrapper.trigger('click');
+  expect(wrapper.emitted('click')).toBeTruthy();
+});
+
+test('small btn click event', () => {
+  const wrapper = mount(SmallBtn);
+
+  wrapper.trigger('click');
+  expect(wrapper.emitted('click')).toBeTruthy();
+});
diff --git a/packages/vant-css/src/goods-action.css b/packages/vant-css/src/goods-action.css
index 4ca82aee9..6d0abb576 100644
--- a/packages/vant-css/src/goods-action.css
+++ b/packages/vant-css/src/goods-action.css
@@ -41,8 +41,9 @@
     }
 
     &__icon {
+      width: 1em;
       font-size: 20px;
-      margin-bottom: 5px;
+      margin: 0 auto 5px;
     }
   }
 }
diff --git a/packages/vant-css/src/icon.css b/packages/vant-css/src/icon.css
index e6ba62432..b6a6414ec 100644
--- a/packages/vant-css/src/icon.css
+++ b/packages/vant-css/src/icon.css
@@ -16,10 +16,9 @@
 
   &__info {
     color: #fff;
-    left: 50%;
+    left: 100%;
     top: -.5em;
     font-size: .5em;
-    margin-left: .8em;
     padding: 0 .3em;
     text-align: center;
     min-width: 1.2em;
@@ -28,6 +27,7 @@
     border-radius: .6em;
     box-sizing: border-box;
     background-color: $red;
+    transform: translateX(-50%);
     font-family: PingFang SC, Helvetica Neue, Arial, sans-serif;
   }