前置组件

<script src="https://cashier.haipay.top/js/composite-component_1.0.0.min.js"></script>

<div>
  <div id="paymentId"></div>
</div>

const elements = haiPay.create({
  mode: 'payment',
  sandbox: true,
  clientToken: 'your-client-token',
  themeMode: 'light',
  paymentMethodConfig: ['GOOGLE_PAY', 'APPLE_PAY', 'CREDIT_CARD']
});

elements.mount('#paymentId');

elements.on('ready', (event) => {
  console.log('渲染成功:', event);
});

elements.on('error', (event) => {
  console.error('支付错误:', event);
});

elements.on('paymentMethodType', (event) => {
  console.log('支付方式类型', event);
});

elements.submitCardPayment();

elements.on('confirm', (event) => {
  console.log('确认:', event);
});

elements.on('paymentStatus', (event, message) => {
  console.log('支付状态:', event, message);
});