From 75d91266c5c52becfd03c78b64d3428a6a527c39 Mon Sep 17 00:00:00 2001
From: qq_63480508 <qq_63480508@devide>
Date: Tue, 11 Mar 2025 16:48:47 +0800
Subject: [PATCH] Auto Commit

---
 src/App.vue                   |   4 +-
 src/components/HelloWorld.vue | 102 ++++++++++++++++++++--------------
 2 files changed, 61 insertions(+), 45 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 633a5df..40ca4a9 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,11 +1,11 @@
 <script setup>
 import HelloWorld from './components/HelloWorld.vue'
-import TheWelcome from './components/TheWelcome.vue'
+// import TheWelcome from './components/TheWelcome.vue'
 </script>
 
 <template>
   <header>
-    <img alt="Vue logo" class="logo" src="./assets/logo.svg" width="125" height="125" />
+    <!-- <img alt="Vue logo" class="logo" src="./assets/logo.svg" width="125" height="125" /> -->
 
     <div class="wrapper">
       <HelloWorld msg="You did it!" />
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
index 1b8faac..872d6de 100644
--- a/src/components/HelloWorld.vue
+++ b/src/components/HelloWorld.vue
@@ -1,43 +1,59 @@
-<script setup>
-defineProps({
-  msg: {
-    type: String,
-    required: true
-  }
-})
-</script>
-
-<template>
-  <div class="greetings">
-    <h1 class="green">{{ msg }}</h1>
-    <h3>
-      You’ve successfully created a project with
-      <a target="_blank" href="https://vitejs.dev/">Vite</a> +
-      <a target="_blank" href="https://vuejs.org/">Vue 3</a>.
-    </h3>
-  </div>
-</template>
-
-<style scoped>
-h1 {
-  font-weight: 500;
-  font-size: 2.6rem;
-  top: -10px;
-}
-
-h3 {
-  font-size: 1.2rem;
-}
-
-.greetings h1,
-.greetings h3 {
-  text-align: center;
-}
-
-@media (min-width: 1024px) {
-  .greetings h1,
-  .greetings h3 {
-    text-align: left;
-  }
-}
-</style>
+<template>
+  <div class="payment-success">
+    <h1>支付成功！</h1>
+    <p>感谢您的支持！</p>
+    <section v-if="orderInfo">
+      <h3>订单详情</h3>
+      <ul>
+        <li><strong>订单编号:</strong> {{ orderInfo.orderNumber }}</li>
+      </ul>
+    </section>
+    <footer>
+      <router-link to="/">返回首页</router-link>
+      <router-link to="/my-orders">查看我的订单</router-link>
+    </footer>
+  </div>
+</template>
+<script>
+export default {
+  name: 'PaymentSuccess',
+  data() {
+    return {
+      orderInfo: null 
+    };
+  },
+  created() {
+ 
+    this.getOrderDetails();
+  },
+  methods: {
+    getOrderDetails() {
+   
+      setTimeout(() => {
+        this.orderInfo = {
+          orderNumber: 'con45714354612'
+        };
+      }, 1000);
+    }
+  }
+};
+</script>
+<style scoped>
+.payment-success {
+  max-width: 600px;
+  margin: auto;
+  padding: 2em;
+  text-align: center;
+}
+.payment-success h1,
+.payment-success p {
+  margin-bottom: 1em;
+}
+.payment-success footer {
+  margin-top: 2em;
+}
+.payment-success footer a {
+  display: block;
+  margin: .5em 0;
+}
+</style>
-- 
GitLab