update

src/components/Pay/Alipay.vue

@@ -2,6 +2,7 @@
 import {reactive, ref} from "vue";
 import {Message} from "@arco-design/web-vue";
 import Api from "../../api/index.ts";
+import {QrcodeCanvas} from "qrcode.vue";
 
 const {money} = defineProps({
     money: {
@@ -21,7 +22,7 @@ const open = () => {
 }
 
 const initQR = async () => {
-    const {data} = await Api.merchant.rechargeOrderQR({
+    const {data: {data}} = await Api.merchant.rechargeOrderQR({
         money: money,
     });
     Object.assign(qrInfo, data);
@@ -46,10 +47,10 @@ const initQR = async () => {
                 </div>
                 <div class="text-center mt-[20px]">打开支付宝扫描下方二维码支付</div>
                 <div class="w-[200px] aspect-square mx-auto mt-[5px]">
-                    <img class="w-full h-full object-cover" src="" alt=""/>
+                    <qrcode-canvas size="200" :value="qrInfo.qr_code"></qrcode-canvas>
                 </div>
                 <div class="flex justify-center mt-[5px] flex-col items-center">
-                    <a-link :hoverable="false" style="color: var(--color-neutral-6)">
+                    <a-link :hoverable="false" style="color: var(--color-neutral-6)" @click="initQR">
                         <icon-sync class="mr-[5px]"/>
                         点击刷新
                     </a-link>