岗隆购-包邮页面

API

Props

| 参数 | 说明 | 类型 | 默认值 | 必须 | | ---- | ---- | ---- | ---- | ---- | | apiBaseUrl | api接口基础头,example:http://xx/api/ | string | - | true | | goodsName | 商品名称 | string | "" | false | | goodsMainImg | 商品主图 | string | "" | false | | goodsId | 商品id | string | - | true | | skuId | skuId | boolean | 0 | false | | showRightButton | 是否显示分享按钮 | boolean | true | false | | isOpen | 是否需要安全边距 | boolean | true | false | | integralName | 积分名称 | string | - | true | | cartNumber | 购物车数量 | number | 0 | false |

Events

| 事件名 | 说明 | 回调参数 | | ---- | ---- | ---- | | coupon-click | 广告位点击触发 | adItemData：广告位信息 | | get-more-evaluate | 更多评价 | {goodsId: 100,evaluateCount: 200} | | goods-card-click | 点击商品卡片触发 | goodsInfo | | online-customer-service | 在线客服 | - | | phone-service | 电话客服 | - | | shop-car-click | 购物车 | - | | add-shop-cart | 加入购物车 | cartInfo | | immediate-buy | 立即购买 | cartInfo | | page-complete | 页面准备完成回调 | cartInfo | | back-button-click | 点击返回按钮 | - | | share-button-click | 点击分享按钮 | shareInfo | | image-preview | 预览图片 | imgSrc | | page-load-fail | 页面加载失败回调 | - | | sku-switched | sku切换 | cartInfo |

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 goodsPageComponent from 'ganglonggou-goods-page-component/dist/ganglonggou-goods-page-component.common';
import 'ganglonggou-goods-page-component/dist/ganglonggou-goods-page-component.css'
Vue.use(goodsPageComponent);

• 使用

 <goods-page-component :api-base-url="apiBaseUrl"
                          :show-right-button="true"
                          :goods-name="goodsName"
                          :goods-main-img="goodsMainImg"
                          :sku-id="29511"
                          :is-open="true"
                          :cart-number="1"
                          integral-name="积分"
                          goods-id="472"
                          @coupon-click="couponClick"
                          @get-more-evaluate="getMoreEvaluate"
                          @goods-card-click="goodsCardClick"
                          @online-customer-service="onlineCustomerService"
                          @phone-service="phoneService"
                          @shop-car-click="shopCarClick"
                          @add-shop-cart="addShopCart"
                          @immediate-buy="immediateBuy"
                          @page-complete="pageComplete"
                          @back-button-click="backButtonClick"
                          @share-button-click="shareButtonClick"
                          @image-preview="imagePreview"
                          @page-load-fail="pageLoadFail"
                          @sku-switched="skuSwitched"
    />