星图大会员 big-vip

统一会员购买组件： geovis-payment

1、 🔨 使用geovis-payment

1、安装big-vip私有包

$ npm install --save git+ssh://[email protected]:2222/weixg/big-vip-component-package.git#feature-ivy

2、在需要引入的模块Module中, import { GeovisComponentsModule } from 'big-vip;

3、在引入模块的NgModule中 import: [ GeovisComponentsModule, ... ]

将想要使用的组件模块引入到你的 xxx.module.ts 文件中。

示例demo：

import { GeovisComponentsModule } from 'big-vip';

@NgModule({
  imports: [ GeovisComponentsModule ]
})
export class xxModule {
}

4、在引入模块的NgModule的declarations声明的component组件的模板template中直接使用 geovis-payment

html 模板:

<geovis-payment  
    *ngIf="isShowPayment"  
    [env]="'dev'" 
    [appkey]="xxxx" 
    [token]="xxxx" 
    [transfer]="'true'|'false'"
    [isModal]="'true'|'false'"
    [default-sku]="xxxx"
    (onClose)="onClose($event)">
</geovis-payment>

5、参数说明 env: 环境变量 'dev'|'test'|'release'

appkey: 接入的应用在sso统一认证中申请的appkey

token: 当前用户的sso token

transfer: 是否有对公转账的功能 true|false ，默认：false 不开启

isModal: true - 模态框 , false - 组件， 默认： true

defaultSku: 默认选中的sku key值; 不赋值或无效的key，则仍然默认选中第一个sku

isShowPayment 控制组件是否渲染 true|false

onClose： 支付窗口关闭的回调事件, 回调参数为付款结果:PAY_SUCCESS| null