1.0.7 • Published 2 years ago

ganglonggou-components v1.0.7

Weekly downloads
62
License
-
Repository
-
Last release
2 years ago

众里优选-组件包

使用

import glComponents from 'ganglonggou-components/dist/ganglonggou-components.common'
import 'ganglonggou-components/dist/ganglonggou-components.css'

Vue.use(glComponents);

商品搜索页

Props

参数说明类型默认值必须
api-base-urlapi接口基础头,example:http://xx/api/string-true
son-into-type子入口类型string-true
keyword-logs本地搜索记录string[]false
head-open是否撑开头部Booleantruefalse

Events

事件名说明回调参数
back-click广告位点击触发adItemData：广告位信息
clean-keyword-log清除搜索历史触发-
go-search商品位点击触发keyword:搜索关键词
service-click客服点击-

Example

<li-search-goods :api-base-url="apiBaseUrl"
                 son-into-type="wx"
                 :keyword-logs="keywordLogs"
                 :head-open="true"
                 @back-click="backClick"
                 @clean-keyword-log="cleanKeywordLog"
                 @go-search="goSearch"
                 @service-click="serviceClick"/>

所有分类页

Props

参数说明类型默认值必须
api-base-urlapi接口基础头,example:http://xx/api/string-true
head-open是否撑开头部Booleantruefalse
ori-classify-data原始分类数组Array-true

Events

事件名说明回调参数
classify-click分类条目点击classifyName：分类名称
bar-click推广图点击goodsId
search-box-click搜索框点击-
service-click客服点击-

Example

<li-all-classify :api-base-url="apiBaseUrl"
                 :head-open="false"
                 :ori-classify-data="testData"
                 @classify-click="classifyItemClick"
                 @bar-click="barClick"
                 @search-box-click="searchBoxClick"
                 @service-click="serviceClick"/>

搜索完成页

Props

参数说明类型默认值必须
api-base-urlapi接口基础头,example:http://xx/api/string-true
head-open是否撑开头部Booleantruefalse
keyword搜索关键词String-true
show-keyword是否显示搜索关键词Booleanfalsefalse

Events

事件名说明回调参数
back-click广告位点击触发adItemData：广告位信息
search-box-click搜索框点击-
service-click客服点击-
goods-card-click商品点击goodsInfo

Example

<li-search-goods-complete :api-base-url="apiBaseUrl"
                          keyword="苹果"
                          :head-open="true"
                          :show-keyword="false"
                          @back-click="backClick"
                          @search-box-click="searchBoxClick"
                          @goods-card-click="goodsCardClick"
                          @service-click="serviceClick"/>

首页

Props

参数说明类型默认值必须
apiBaseUrlapi接口基础头,example:http://xx/api/string-true
headOpen是否需要头部撑开booleantruefalse
showSys是否显示扫一扫图标booleantruefalse

Events

事件名说明回调参数
ad-location-click广告位点击触发adItemData：广告位信息
classify-button-click顶部导航条分类按钮点击-
search-click搜索栏点击触发-
goods-card-click商品位点击触发{goodsId:100,goodsImg:"url",goodsName:"name"}
more-classify-click分类左侧更多点击触发parentClassifyId:分类id
every-day-box-click每日特价区域点击—
news-click消息按钮点击—
sys-camera-click扫一扫相机点击—
sys-photo-click扫一扫相册点击—
coupon-click会员有礼区域-优惠券点击—
integral-click会员有礼区域-优惠券点击—

Example

<li-first-page v-if="true"
               :api-base-url="apiBaseUrl"
               :head-open="true"
               :show-sys="true"
               @ad-location-click="adLocationClick"
               @classify-button-click="defaultClick"
               @search-click="searchBoxClick"
               @goods-card-click="goodsCardClick"
               @more-classify-click="moreClassifyClick"
               @every-day-box-click="everyDayBoxClick"
               @news-click="defaultClick"
               @sys-camera-click="cameraClick"
               @sys-photo-click="photoClick"
               @coupon-click="defaultClick"
               @integral-click="defaultClick"/>

分类广告页

Props

参数说明类型默认值必须
apiBaseUrlapi接口基础头,example:http://xx/api/string-true
parentClassifyId父分类IDnumber-true
headOpen是否需要头部撑开booleantruefalse

Events

事件名说明回调参数
goods-card-click商品位点击触发goodsName
left-icon-click点击头部左侧返回触发-

Example

<li-classify-ad v-if="false"
                :apiBaseUrl="apiBaseUrl"
                :parent-classify-id="819"
                :head-open="true"
                @left-icon-click="backClick"
                @goods-card-click="goodsCardClick"/>

分类广告页

Props

参数说明类型默认值必须
apiBaseUrlapi接口基础头,example:http://xx/api/string-true
parentClassifyId父分类IDnumber-true
headOpen是否需要头部撑开booleantruefalse

Events

事件名说明回调参数
goods-card-click商品位点击触发goodsName
left-icon-click点击头部左侧返回触发-

Example

<li-classify-ad :apiBaseUrl="apiBaseUrl"
                :parent-classify-id="819"
                :head-open="true"
                @left-icon-click="backClick"
                @goods-card-click="goodsCardClick"/>

商品详情

Props

参数说明类型默认值必须
apiBaseUrlapi接口基础头,example:http://xx/api/string-true
goodsName商品名称string""false
goodsMainImg商品主图string""false
goodsId商品idstring-true
skuIdskuIdboolean0false
showRightButton是否显示分享按钮booleantruefalse
isOpen是否需要安全边距booleantruefalse
integralName余额名称string-true
cartNumber购物车数量number0false

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-switchedsku切换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

<li-goods-page :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="goodsId"
               @coupon-click="couponClick"
               @get-more-evaluate="getMoreEvaluate"
               @goods-card-click="goodsCardClick"
               @online-customer-service="serviceClick"
               @phone-service="phoneService"
               @shop-car-click="shopCarClick"
               @add-shop-cart="addShopCart"
               @immediate-buy="immediateBuy"
               @page-complete="pageComplete"
               @back-button-click="backClick"
               @share-button-click="shareButtonClick"
               @image-preview="imagePreview"
               @page-load-fail="pageLoadFail"
               @sku-switched="skuSwitched"
/>

填写订单

Props

参数说明类型默认值必须
api-base-urlapi接口基础头,example:http://xx/api/string-true
carts-preview商品列表 {goodsId: 757,skuId: 44606,goodsNumber: 1,},array-true
user-token用户tokenboolean-true
integral-name余额名称boolean-true

Events

事件名说明回调参数
page-load-fail页面加载失败errorMsg
write-order-success订单提交成功orderSn
write-order-fail订单提交失败errorMsg
add-address添加收货地址-
switch-address切换收货地址-

Example

<li-write-order :api-base-url="apiBaseUrl"
                :carts-preview="cartsPreview"
                :user-token="userToken"
                :integral-name="integralName"
                @page-load-fail="pageLoadFail"
                @write-order-success="writeOrderSuccess"
                @write-order-fail="writeOrderFail"
                @add-address="addAddress"
                @switch-address="switchAddress"/>

包邮页面

Props

参数说明类型默认值必须
apiBaseUrlapi接口基础头,example:http://xx/api/string-true
headOpen是否需要头部撑开booleantruefalse

Events

事件名说明回调参数
goods-card-click商品位点击触发goodsInfo
back-click点击返回按钮-

Example

<li-by-goods :api-base-url="apiBaseUrl"
             :head-open="true"
             @goods-card-click="goodsCardClick"
             @back-click="backClick"
/>

卡密激活组件

Props

参数说明类型默认值必须
base_urlapi接口基础头，例如：http://192.168.0.37:8008/api/v1/String-true
user_token用户tokenString-true

Events

事件名说明回调参数
activationCase确认激活后的响应事件msg:true是激活成功

Example

<li-card-activation :user_token="user_token"
                    :base_url="base_url"
                    @activationCase="activationCase"/>

如何使用余额组件

Example

<li-how-use-integral/>

余额中心组件

Props

参数说明类型默认值必须
base_urlapi接口基础头 ，例如：http://192.168.0.37:8008/api/v1/String-true
user_token用户tokenString-true
buyCard购礼品卡 （跳转到余额卡商品页面）function-true
exchange激活礼品卡 （跳转到礼品卡页面）function-true
loginAdd每日签到 （跳转到每日签到页面）function-true
morePath赚余额function-true
howUse余额如何使用function-true

Example

<li-integral-center :user_token="userToken"
                    :buyCard="defaultClick"
                    :exchange="defaultClick"
                    :loginAdd="defaultClick"
                    :morePath="defaultClick"
                    :howUse="defaultClick"
                    :base_url="apiBaseUrl"/>

签到领取余额

Props

参数说明类型默认值必须
base_urlapi接口基础头，例如：http://192.168.0.37:8008/api/v1/String-true
user_token用户tokenString-true
getAwardsLog查看奖品点击触发（用户查看获奖组件）Function-true

Example

<li-sign-in-get-integral
    :base_url="apiBaseUrl"
    :user_token="userToken"
    :getAwardsLog="defaultClick"/>

手机号绑定

Props

参数说明类型默认值必须
apiBaseUrlapi接口基础头,example:http://xx/api/string-true
userToken用户tokenstring-true

Events

事件名说明回调参数
success-callback验证验证成功回调—

Example

<li-mobile-number-binding :api-base-url="apiBaseUrl"
                          :user-token="userToken"/>

手机号登录或注册

Props

参数说明类型默认值必须
api-base-urlapi接口基础头,example:http://xx/api/string-true
son-into-type子入口名称string-true
wx-user-cache-namewx用户缓存名称string''false
ali-user-cache-nameali用户缓存名称string''false

Events

事件名说明回调参数
success-callback验证验证成功回调userToken(用户令牌)

Example

<li-mobile-number-sign-in-login :api-base-url="apiBaseUrl"
                                son-into-type="ios"
                                @success-callback="defaultClick"
                                :wx-user-cache-name="wxUserCacheName"
                                :ali-user-cache-name="aliUserCacheName"/>

如何获取更多余额

Example

<li-more-get-integral/>

现货专区

Props

参数说明类型默认值必须
apiBaseUrlapi接口基础头,example:http://xx/api/string-true
headOpen是否需要头部撑开booleantruefalse

Events

事件名说明回调参数
goods-card-click商品位点击触发goodsInfo
@back-click返回按钮-

Example

<li-prompt-goods :api-base-url="apiBaseUrl"
                 :head-open="true"
                 @goods-card-click="goodsCardClick"
                 @back-click="backClick"/>

好物推荐

Props

参数说明类型默认值必须
apiBaseUrlapi接口基础头,example:http://xx/api/string-true
headOpen是否需要头部撑开booleantruefalse

Events

事件名说明回调参数
ad-location-click广告位点击触发adItemData：广告位信息
goods-card-click商品位点击触发goodsInfo
back-click返回按钮触发-

Example

<li-recommend-goods :api-base-url="apiBaseUrl"
                    :head-open="true"
                    @ad-location-click="adLocationClick"
                    @goods-card-click="goodsCardClick"
                    @back-click="backClick"/>

每日推荐

Props

参数说明类型默认值必须
apiBaseUrlapi接口基础头,example:http://xx/api/string-true
headOpen是否需要头部撑开booleantruefalse

Events

事件名说明回调参数
ad-location-click广告位点击触发adItemData：广告位信息
goods-card-click商品位点击触发goodsInfo
back-click返回按钮-

Example

<li-everyday-goods :api-base-url="apiBaseUrl"
                   :head-open="false"
                   @ad-location-click="adLocationClick"
                   @goods-card-click="goodsCardClick"
                   @back-click="backClick"/>

购物车

Props

参数说明类型默认值必须
apiBaseUrlapi接口基础头,example:http://xx/api/string-true
headOpen是否需要头部撑开booleantruefalse
showBackButton是否显示返回按钮booleantruefalse
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

<li-shop-carts :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"/>

余额签到奖项

Props

参数说明类型默认值必须
base_urlapi接口基础头，例如：http://192.168.0.37:8008/api/v1/String-true
user_token用户tokenString-true

Events

事件名说明回调参数
ad-location-click广告位点击触发adItemData：广告位信息
goods-card-click商品位点击触发goodsInfo
back-click返回按钮触发-

Example

<li-integral-sign-in-award :base_url="apiBaseUrl"
                           :user_token="userToken"/>

个人中心

Props

参数说明类型默认值必须
base_urlapi接口基础头，例如：http://192.168.0.37:8008/api/v1/String-true
user_token用户tokenString-true
login_or_out_show登录退出按钮是否展示Booleantruefalse

Events

事件名说明回调参数
user_login_out退出登录-
user_login登录 / 注册-
user_setting设置-
update_logo_img修改logo图片-
edit_user_information修改用户信息-
see_integral查看积分-
see_coupon查看优惠券-
see_order查看订单code:0是全部，1是待支付，2是待收货，3是待评价，4是退货/售后
see_address查看收货地址-

Example

<li-personal-center :user_token="userToken"
                    :base_url="apiBaseUrl"
                    :login_or_out_show="false"
                    @user_login_out="defaultClick"
                    @user_login="defaultClick"
                    @user_setting="defaultClick"
                    @update_logo_img="defaultClick"
                    @edit_user_information="defaultClick"
                    @see_integral="defaultClick"
                    @see_coupon="defaultClick"
                    @see_order="defaultClick"
                    @see_address="defaultClick"/>

激活礼品卡

Events

事件名说明回调参数
exchange_gift跳转到积分换好礼界面-
scan_code扫码激活-
card_code卡密激活-待支付，2是待收货，3是待评价，4是退货/售后
see_address查看收货地址-

Example

<li-activate-gift-card @exchange_gift="defaultClick"
                       @scan_code="defaultClick"
                       @card_code="defaultClick"/>

app-登陆之前组件

Props

参数说明类型默认值必须
show-ali-button是否显示支付宝登陆Booleantruefalse
show-wx-button是否显示微信登陆Booleantruefalse
show-np-button是否显示账户密码登陆Booleantruefalse
api-base-urlapi接口基础头,example:http://xx/api/string-true

Events

事件名说明回调参数
wechat-button-click微信按钮点击触发-
alipay-button-click支付宝按钮点击触发-
phone-button-click手机登陆按钮点击触发-

Example

<li-before-login @wechat-button-click="defaultClick"
                 @alipay-button-click="defaultClick"
                 @phone-button-click="defaultClick"
                 :api-base-url="apiBaseUrl"
                 :show-ali-button="true"
                 :show-wx-button="true"/>

手机号密码登陆组建

Props

参数说明类型默认值必须
api-base-urlapi接口基础头,example:http://xx/api/string-true

Events

事件名说明回调参数
success-callback登陆成功回调用户token

Example

<li-name-pwd-login v-if="true"
                   :api-base-url="apiBaseUrl"
                   @success-callback="defaultClick"/>
amfe-flexibleaxioscore-jscrypto-jsganglong-tool-functionmd5postcss-pxtoremqsswipervantvuevue-awesome-swiper
@infinitebrahmanuniverse/nolb-gan@everything-registry/sub-chunk-1719
1.0.2

2 years ago

0.1.30

2 years ago

1.0.1

2 years ago

0.1.31

2 years ago

1.0.0

2 years ago

0.1.32

2 years ago

0.1.33

2 years ago

1.0.7

2 years ago

1.0.6

2 years ago

1.0.5

2 years ago

1.0.4

2 years ago

1.0.3

2 years ago

0.1.27

2 years ago

0.1.28

2 years ago

0.1.29

2 years ago

0.1.20

2 years ago

0.1.21

2 years ago

0.1.22

2 years ago

0.1.23

2 years ago

0.1.24

2 years ago

0.1.25

2 years ago

0.1.26

2 years ago

0.1.19

3 years ago

0.1.18

3 years ago

0.1.16

3 years ago

0.1.17

3 years ago

0.1.15

3 years ago

0.1.13

3 years ago

0.1.14

3 years ago

0.1.11

3 years ago

0.1.12

3 years ago

0.1.10

3 years ago

0.1.9

3 years ago

0.1.8

3 years ago

0.1.7

3 years ago

0.1.6

3 years ago

0.1.5

3 years ago

0.1.4

3 years ago

0.1.3

3 years ago

0.1.2

3 years ago

0.1.1

3 years ago

0.1.0

3 years ago