ganglonggou-shop-carts

岗隆购-包邮页面

API

Props

参数	说明	类型	默认值	必须
apiBaseUrl	api接口基础头,example:http://xx/api/	string	-	true
headOpen	是否需要头部撑开	boolean	true	false
showBackButton	是否显示返回按钮	boolean	true	false
cartsPreview	购物车预览数组 cartsPreview: [{ goodsId: 384, goodsNumber: 2, skuId: 31128, selected: true,}]	Array	-	false

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

• main.js

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"/>