岗隆购-包邮页面

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