[new feature] GoodsAction: support routerLink & info (#448)

packages/goods-action-big-btn/index.vue

@@ -5,26 +5,37 @@
     class="van-goods-action__big-btn"
     :type="primary ? 'primary' : 'default'"
     bottomAction
-    @click="$emit('click', $event)"
+    @click="onClick"
   >
-    <slot></slot>
+    <slot>{{ text }}</slot>
   </van-button>
 </template>
 
 <script>
 import { create } from '../utils';
 import VanButton from '../button';
+import RouterLink from '../mixins/router-link';
 
 export default create({
   name: 'van-goods-action-big-btn',
 
+  mixins: [RouterLink],
+
   components: {
     VanButton
   },
 
   props: {
     url: String,
+    text: String,
     primary: Boolean
+  },
+
+  methods: {
+    onClick(event) {
+      this.$emit('click', event);
+      this.routerLink();
+    }
   }
 });
 </script>

packages/goods-action-mini-btn/index.vue

@@ -1,20 +1,32 @@
 <template>
-  <a :href="url" class="van-goods-action__mini-btn van-hairline" @click="$emit('click', $event);">
-    <icon class="van-goods-action__mini-btn-icon" :class="iconClass" :name="icon" />
-    <slot></slot>
+  <a :href="url" class="van-goods-action__mini-btn van-hairline" @click="onClick">
+    <icon class="van-goods-action__mini-btn-icon" :class="iconClass" :info="info" :name="icon" />
+    <slot>{{ text }}</slot>
   </a>
 </template>
 
 <script>
 import { create } from '../utils';
+import RouterLink from '../mixins/router-link';
 
 export default create({
   name: 'van-goods-action-mini-btn',
 
+  mixins: [RouterLink],
+
   props: {
     url: String,
+    text: String,
+    info: String,
     icon: String,
     iconClass: String
+  },
+
+  methods: {
+    onClick(event) {
+      this.$emit('click', event);
+      this.routerLink();
+    }
   }
 });
 </script>

packages/vant-css/src/goods-action.css

@@ -39,10 +39,10 @@
     &:active {
       background-color: $active-color;
     }
-  }
 
-  &__mini-btn-icon {
-    font-size: 20px;
-    margin-bottom: 5px;
+    &-icon {
+      font-size: 20px;
+      margin-bottom: 5px;
+    }
   }
 }