alipay-payui

Wow, such a beautiful html5 pay components

Usage no npm install needed!

<script type="module">
  import alipayPayui from 'https://cdn.skypack.dev/alipay-payui';
</script>

README

Pay UI

alipay-payui 是一套适用于支付场景的组件库。

官方站点 | 模板示例 | 绑卡示例 | 组件示例

官方站点

Badges

TNPM version TNPM downloads


快速上手

如何安装

方式一 通过 npm 安装

# Using npm
npm i alipay-payui --save

# Using yarn
yarn add alipay-payui

方式二 通过链接引用

<!--键盘-->
<script src="https://gw.alipayobjects.com/as/g/PayTM-Core/pay-ui/0.0.18/PayKeyboard.js"></script>

快速开始

<div id="keyboard"></div>
<script src="PayKeyboard.js"></script>
const kb = new PayKeyboard({
    element: document.getElementById('keyboard'),
    tip: '安全支付保障中',
    arrow: true,
});

使用模块管理器:

import { PayKeyboard } from 'alipay-payui';
const kb = new PayKeyboard(options);

浏览器兼容

  • IOS > 8
  • Android > 4

相关二维码

钉钉咨询群