1、安装`big-vip`私有包 ```bash $ npm install --save git+ssh://git@gitlab.geovisearth.com:2222/weixg/big-vip-component-package.git#feature-ivy ```
npm install big-vipbig-vip私有包
bash
$ npm install --save git+ssh://git@gitlab.geovisearth.com:2222/weixg/big-vip-component-package.git#feature-ivy
`
2、在需要引入的模块Module中, import { GeovisComponentsModule } from 'big-vip;
3、在引入模块的NgModule中 import: [ GeovisComponentsModule, ... ]
将想要使用的组件模块引入到你的 xxx.module.ts 文件中。
示例demo:
`ts
import { GeovisComponentsModule } from 'big-vip';
@NgModule({
imports: [ GeovisComponentsModule ]
})
export class xxModule {
}
`
4、在引入模块的NgModule的declarations声明的component组件的模板template中直接使用
geovis-payment
html 模板:
`html
*ngIf="isShowPayment"
[env]="'dev'"
[appkey]="xxxx"
[token]="xxxx"
[transfer]="'true'|'false'"
[isModal]="'true'|'false'"
[default-sku]="xxxx"
(onClose)="onClose($event)">
`
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`