0.1.9 • Published 4 years ago
岗隆购-包邮页面
API
Props
Events
| 事件名 | 说明 | 回调参数 |
|---|
| add-cart | 添加购物车 | cartInfo |
| delete-cart | 删除购物车 | {goodsId: 384, skuId: 31128} |
| update-cart-number | 切换购物车数量 | {previewCart: {goodsId: 384, skuId: 31128},number:2} |
| switch-cart-choice-state | 切换购物车选中状态 | {previewCart: {goodsId: 384, skuId: 31128},state: true} |
| goods-click | 商品点击 | goodsId |
| back-button-click | 返回按钮点击 | - |
| settle | 结算 | - |
| buy-goods | 选购商品按钮点击 | - |
CartInfo
| 键名 | 备注 |
|---|
| goods_number | 商品数量 |
| goods_sn | |
| goods_name | |
| goods_id | |
| cat_id | |
| goods_head_name | |
| goods_price | 商品价格 |
| one_goods_price | 商品单价 |
| market_price | 划线价 |
| goods_stock | 商品库存 |
| goods_sales_volume | 销量 |
| goods_attribute_img | 当前属性图片 |
| sku_id | 所选属性id |
| attr_desc | 所选属性详情 |
| is_promote | 是否秒杀商品 |
| promote_number | |
| promote_start_date | |
| promote_end_date | |
| give_integral | 返积分 |
| integral | 用积分 |
| one_give_integral | 返积分 |
| one_integral | 用积分 |
| integral_desc | 积分描述 |
Example
import ShopCarts from 'ganglonggou-shop-carts/dist/ganglonggou-shop-carts.common';
import 'ganglonggou-shop-carts/dist/ganglonggou-shop-carts.css'
Vue.use(ShopCarts);
<shop-carts-components :api-base-url="apiBaseUrl"
:head-open="headOpen"
:show-back-button="showBackButton"
:carts-preview="cartsPreview"
@add-cart="addCart"
@delete-cart="deleteCart"
@update-cart-number="updateCartNumber"
@switch-cart-choice-state="switchCartChoiceState"
@goods-click="goodsClick"
@buy-goods="buGoods"
@back-button-click="backButtonClick"
@settle="settle"/>