uniapp h5页面 使用支付宝支付代码

以下是在uniapp h5页面中使用支付宝支付的代码示例：

1. 首先在支付宝开放平台中创建应用，并获取应用的 AppID。

2. 在uniapp项目中安装支付宝 JavaScript SDK，可以使用命令 npm install @alipay/app-pay-sdk --save 进行安装。

3. 在页面中引入支付宝 JavaScript SDK，并在页面中编写支付宝支付的代码。

<!-- 引入支付宝 JavaScript SDK -->
<script src="https://appx/web-view.min.js"></script>

<!-- 在页面中编写支付宝支付的代码 -->
<button @click="aliPay">支付宝支付</button>

methods: {
  aliPay() {
    const params = {
      orderStr: '这里填写从后端获取的支付宝订单信息'
    }
    if (typeof window.AlipayJSBridge === 'undefined') {
      document.addEventListener('AlipayJSBridgeReady', function () {
        window.AlipayJSBridge.call('tradePay', params, function (result) {
          console.log(result)
        })
      })
    } else {
      window.AlipayJSBridge.call('tradePay', params, function (result) {
        console.log(result)
      })
    }
  }
}

注意：在支付宝支付中，需要从后端获取支付宝订单信息，并将其传递给前端进行支付。具体的订单信息获取方式需要根据后端实现而定。