Vant Weapp如何集成Vant中Sku組件

1.主要參考下面GitHub項目

https://github.com/jiangrubin/weapp-sku

2.下載下來解壓后，需要安裝對應的Vant-Weapp

npm i @vant/weapp -S --production

2.1 有可能導入的vant-weapp的版本不同會導致sku對應引用的其他組件找不到，那就要根據項目路徑自行調整路徑

3.使用微信開發者工具導入該項目，下面是對應的效果和目錄結構

4.現在考慮如何導入真實項目中

4.1 將Demo的文件對應的導入下圖的目錄下

4.2、在app.json 注冊自定義的sku組件

5.在對應要使用sku組件的頁面中使用

5.1、在頁面json文件中引入使用

5.2 在頁面wxml中直接使用

<sku
  show="{{ showSku }}"
  sku-tree="{{ skuTree }}"
  sku-list="{{ skuList }}"
  picture="{{ skuPicture }}"
  price="{{ skuPrice }}"
  stock="{{ skuStock }}"
  bind:close="onCloseSku"
  bind:add-cart="onSkuAddCart"
  bind:buy="onSkuBuy"
/>