kmos-paysdk-vueui 使用教程

安装（建议锁死版本）

yarn add kmos-paysdk-vueui 或

npm install kmos-paysdk-vueui

项目中引用

main.js 文件中（具体项目中，自行况添加）

import {PayList} from 'kmos-paysdk-vueui'

createApp(App)
    .use(PayList)
    .mount('#app')
    

具体业务场景：
<template>
  <Pay-List
       {...props}
    />
</template>

参数说明

| 参数 | 说明 | 类型 | 默认值 | 是否必传 | | ---- | ---- |---- | ---- | ---- | | visible | 组件是否可见 | boolean | false | 是| | close | 关闭组件 | function | - | 是 | | mask | 是否展示遮罩层 | boolean | true | 否 | | maskClosable | 点击遮罩层是否关闭组件 | boolean | true | 否 | | transparency | 遮罩层透明度 | number | 0.6 | 否 | | orderId | 订单号 | number | - | 是 | | userId | uid | number | - | 是 | | openid | 用户openid | string | - | 是 | | unionid | 用户unionid | string | - | 是 | | env | 环境变量 | string | test | 是 | | courseInfo | 商品信息 | obj | - | 是 |

例子

<template>
  <Pay-List
      @close="close"
      :visible="flags"
      :mask="true"
      :maskClosable="true"
      :transparency="0.8"
      :courseInfo="courseInfo"
      :openid="openid"
      :unionid="unionid"
      :orderId="620850077348065280"
      :env="'test'"
  />

</template>

展示