From ae33d67ec2a4edc3ccfbb61631c475cfb74bc206 Mon Sep 17 00:00:00 2001
From: tanghaolin <1723298894@qq.com>
Date: 星期三, 19 二月 2025 11:41:41 +0800
Subject: [PATCH] 修改证书图片
---
src/views/PaymentPage.vue | 27 +++++++++++++++++++--------
1 files changed, 19 insertions(+), 8 deletions(-)
diff --git a/src/views/PaymentPage.vue b/src/views/PaymentPage.vue
index 91d025b..f73b398 100644
--- a/src/views/PaymentPage.vue
+++ b/src/views/PaymentPage.vue
@@ -37,7 +37,7 @@
>
<div class="flex justify-between items-center">
<div class="flex items-center gap-3">
- <img src="@/assets/icons/wechat-pay.svg" alt="寰俊鏀粯" class="w-8 h-8" />
+ <img src="@/assets/icons/PAY-WEIXIN.png" alt="寰俊鏀粯" class="w-8 h-8" />
<span class="font-medium">寰俊鏀粯</span>
</div>
<el-radio v-model="paymentMethod" label="wechat" />
@@ -51,7 +51,7 @@
>
<div class="flex justify-between items-center">
<div class="flex items-center gap-3">
- <img src="@/assets/icons/alipay.svg" alt="鏀粯瀹�" class="w-8 h-8" />
+ <img src="@/assets/icons/PAY-ALI.png" alt="鏀粯瀹�" class="w-8 h-8" />
<span class="font-medium">鏀粯瀹�</span>
</div>
<el-radio v-model="paymentMethod" label="alipay" />
@@ -72,11 +72,11 @@
<!-- 鏀粯鎸夐挳 -->
<div class="mt-8 text-center">
- <el-button type="primary" size="large" class="w-64" @click="handlePayment">
+ <!-- <el-button type="primary" size="large" class="w-64" @click="handlePayment">
绔嬪嵆鏀粯 楼{{ orderInfo.totalAmount }}
- </el-button>
- <div class="mt-4">
- <el-button text @click="cancelPayment">鍙栨秷鏀粯</el-button>
+ </el-button> -->
+ <div class="mt-4 text-danger">
+ <el-button text type="danger" @click="cancelPayment">鍙栨秷鏀粯</el-button>
</div>
</div>
</div>
@@ -88,7 +88,8 @@
import { ElMessage } from 'element-plus';
import { computed, ref } from 'vue';
import { useRouter } from 'vue-router';
-
+import wechartQrcode from '@/assets/qrcode/qrcode-wechat.png';
+import alipayQrcode from '@/assets/qrcode/qrcode-alipay.png';
const router = useRouter();
const paymentMethod = ref('');
@@ -101,7 +102,7 @@
// 鏍规嵁鏀粯鏂瑰紡鑾峰彇瀵瑰簲鐨勪簩缁寸爜鍥剧墖
const getQRCodeImage = computed(() => {
- return paymentMethod.value === 'wechat' ? '/src/assets/qrcode/wechat-qr.svg' : '/src/assets/qrcode/alipay-qr.svg';
+ return paymentMethod.value === 'wechat' ? wechartQrcode : alipayQrcode;
});
// 澶勭悊鏀粯
@@ -120,6 +121,16 @@
ElMessage.info('鍙栨秷鏀粯');
router.push('/');
};
+
+onMounted(() => {
+ const savedProduct = localStorage.getItem('currentProduct');
+ if (savedProduct) {
+ const productData = JSON.parse(savedProduct);
+ const price = productData.Price;
+
+ orderInfo.value.totalAmount = price;
+ }
+});
</script>
<style scoped>
--
Gitblit v1.9.3