ganglonggou-goods-page-component

岗隆购商品详情页
517
Install
npm install ganglonggou-goods-page-component
Latest Version:0.1.10
Vue:2
Last Updated:Oct 20, 2020
Links: Gitee  ·  npm
Maintainer: liwy666

岗隆购-包邮页面

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

Version History

Version Released Vue License
0.1.10 ^2.6.11
0.1.9 ^2.6.11
0.1.8 ^2.6.11
0.1.7 ^2.6.11
0.1.6 ^2.6.11