Ganglonggou-goods-page-component NPM

岗隆购-包邮页面

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