<template>
    <div class="full-dialog column flex-center items-center">
        <div class="q-pa-lg bg-white rounded light-shadow" style="width:600px;">
            <div class="text-weight-bold q-mb-lg" style="font-size: 18px;">微信支付</div>
            <div class="text-center">
                <div class="row flex-center">
                    <QRCode value="https://www.baidu.com" :size="200"></QRCode>
                    <img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1713233895000_458.jpg" class="q-ml-md" style="height:200px;">
                </div>
                <div class="text-body2 q-mt-lg text-grey-6">请打开微信（WeChat），使用 [扫一扫]扫描上方二维码进行支付</div>
                <div class="q-mt-xl text-right">
                    <el-button class="q-px-md q-mr-md">取消支付</el-button>
                    <el-button type="primary" class="q-px-md" >已完成付款</el-button>
                </div>
            </div>
        </div>
    </div>
</template>
<script lang="ts" setup>
import QRCode from '../QRCode/QRCode.vue';
</script>
<style>

</style>