0.3.5 • Published 2 years ago
kmos-paysdk-vueui v0.3.5
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>