0.1.2 • Published 2 years ago

zcl-personalcenter v0.1.2

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

personalcenter

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Customize configuration

See Configuration Reference.

岗隆购-个人中心组件

API

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

  • 下载
     npm i ganglonggou-personal-center
  • main.js

    import PersonalCenter from "ganglonggou-personal-center/personal-center.common";
    import "ganglonggou-personal-center/personal-center.css"
    Vue.use(PersonalCenter);
  • 使用

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