diff --git a/litemall-vue/package.json b/litemall-vue/package.json
index a186e63b..df4a67ee 100644
--- a/litemall-vue/package.json
+++ b/litemall-vue/package.json
@@ -19,7 +19,7 @@
     "dayjs": "^1.7.7",
     "js-cookie": "2.2.0",
     "lodash": "^4.17.11",
-    "vant": "^1.6.15",
+    "vant": "^2.0.3",
     "vue": "^2.5.17",
     "vue-router": "^3.0.1",
     "vuelidate": "^0.7.4"
diff --git a/litemall-vue/src/views/items/detail/index.vue b/litemall-vue/src/views/items/detail/index.vue
index fcc0aa60..f93b04e2 100755
--- a/litemall-vue/src/views/items/detail/index.vue
+++ b/litemall-vue/src/views/items/detail/index.vue
@@ -52,10 +52,10 @@
     </div>
 
     <van-goods-action>
-      <van-goods-action-mini-btn @click="toCart" icon="cart-o" :info="(cartInfo > 0) ? cartInfo : ''"/>
-      <van-goods-action-mini-btn @click="addCollect" icon="star-o" :style="(goods.userHasCollect !== 0) ? 'color: #f7b444;':''"/>
-      <van-goods-action-big-btn @click="skuClick" text="加入购物车"/>
-      <van-goods-action-big-btn primary @click="skuClick" text="立即购买"/>
+      <van-goods-action-icon @click="toCart" icon="cart-o" :info="(cartInfo > 0) ? cartInfo : ''"/>
+      <van-goods-action-icon @click="addCollect" icon="star-o" :style="(goods.userHasCollect !== 0) ? 'color: #f7b444;':''"/>
+      <van-goods-action-button type="warning" @click="skuClick" text="加入购物车"/>
+      <van-goods-action-button type="danger" @click="skuClick" text="立即购买"/>
     </van-goods-action>
 
   </div>
@@ -65,7 +65,7 @@
 
 import { goodsDetail, cartGoodsCount, collectAddOrDelete, cartAdd, cartFastAdd } from '@/api/api';
 
-import { Sku, Swipe, SwipeItem, GoodsAction, GoodsActionBigBtn, GoodsActionMiniBtn, Popup } from 'vant';
+import { Sku, Swipe, SwipeItem, GoodsAction, GoodsActionButton, GoodsActionIcon, Popup } from 'vant';
 import { setLocalStorage } from '@/utils/local-storage';
 import popupProps from './popup-props';
 import _ from 'lodash';
@@ -349,8 +349,8 @@ computed: {
     [SwipeItem.name]: SwipeItem,
     [Sku.name]: Sku,
     [GoodsAction.name]: GoodsAction,
-    [GoodsActionBigBtn.name]: GoodsActionBigBtn,
-    [GoodsActionMiniBtn.name]: GoodsActionMiniBtn,
+    [GoodsActionButton.name]: GoodsActionButton,
+    [GoodsActionIcon.name]: GoodsActionIcon,
     [popupProps.name]: popupProps    
   }
 }