[bugfix] Sku button border radius (#378)

packages/sku/components/SkuActions.vue

@@ -1,18 +1,20 @@
 <template>
   <div class="van-sku-actions">
-    <button v-if="showAddCartBtn" class="van-sku__add-cart-btn" @click="onAddCartClicked">
-      加入购物车
-    </button>
-    <button class="van-sku__buy-btn" @click="onBuyClicked">
-      {{ buyText }}
-    </button>
+    <van-button v-if="showAddCartBtn" bottomAction @click="onAddCartClicked">加入购物车</van-button>
+    <van-button type="primary" bottomAction @click="onBuyClicked">{{ buyText }}</van-button>
   </div>
 </template>
 
 <script>
+import Button from '../../button';
+
 export default {
   name: 'van-sku-actions',
 
+  components: {
+    [Button.name]: Button
+  },
+
   props: {
     skuEventBus: Object,
     showAddCartBtn: Boolean,

packages/vant-css/src/sku.css

@@ -174,35 +174,7 @@
 
   /* sku actions */
   &-actions {
+    display: flex;
     margin-top: 10px;
-    font-size: 0;
-  }
-
-  &__add-cart-btn {
-    width: 50%;
-    height: 50px;
-    padding: 0;
-    border: 0;
-    background: #f85;
-    color: $white;
-    font-size: 16px;
-    line-height: 50px;
-    text-align: center;
-
-    & + .van-sku__buy-btn {
-      width: 50%;
-    }
-  }
-
-  &__buy-btn {
-    width: 100%;
-    height: 50px;
-    padding: 0;
-    border: 0;
-    background: $red;
-    color: $white;
-    font-size: 16px;
-    line-height: 50px;
-    text-align: center;
   }
 }