From d8204db1976c9003e316f63d0edf2e66f46fd093 Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Fri, 19 Dec 2025 18:51:23 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0=20API=20=E5=9C=B0?=
 =?UTF-8?q?=E5=9D=80=EF=BC=8C=E6=B7=BB=E5=8A=A0=20IonFooter=20=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E5=8F=8A=E5=85=B6=E6=A0=B7=E5=BC=8F=EF=BC=8C=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E4=BA=A4=E6=98=93=E8=A7=86=E5=9B=BE=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development              |  2 +-
 components.d.ts               |  2 ++
 src/theme/variables.css       | 24 ++++++++++++------------
 src/views/trade-rwa/index.vue | 22 ++++++++++++++++++++++
 4 files changed, 37 insertions(+), 13 deletions(-)

diff --git a/.env.development b/.env.development
index 5df7f72..ecd528e 100644
--- a/.env.development
+++ b/.env.development
@@ -1 +1 @@
-VITE_API_URL=http://192.168.1.22:9528
\ No newline at end of file
+VITE_API_URL=http://192.168.1.27:9528
\ No newline at end of file
diff --git a/components.d.ts b/components.d.ts
index 7ab223f..87ff1e5 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -29,6 +29,7 @@ declare module 'vue' {
     IonContent: typeof import('@ionic/vue')['IonContent']
     IonDatetime: typeof import('@ionic/vue')['IonDatetime']
     IonDatetimeButton: typeof import('@ionic/vue')['IonDatetimeButton']
+    IonFooter: typeof import('@ionic/vue')['IonFooter']
     IonGrid: typeof import('@ionic/vue')['IonGrid']
     IonHeader: typeof import('@ionic/vue')['IonHeader']
     IonIcon: typeof import('@ionic/vue')['IonIcon']
@@ -92,6 +93,7 @@ declare global {
   const IonContent: typeof import('@ionic/vue')['IonContent']
   const IonDatetime: typeof import('@ionic/vue')['IonDatetime']
   const IonDatetimeButton: typeof import('@ionic/vue')['IonDatetimeButton']
+  const IonFooter: typeof import('@ionic/vue')['IonFooter']
   const IonGrid: typeof import('@ionic/vue')['IonGrid']
   const IonHeader: typeof import('@ionic/vue')['IonHeader']
   const IonIcon: typeof import('@ionic/vue')['IonIcon']
diff --git a/src/theme/variables.css b/src/theme/variables.css
index 83ab57a..4e8beb5 100644
--- a/src/theme/variables.css
+++ b/src/theme/variables.css
@@ -36,12 +36,12 @@ http://ionicframework.com/docs/theming/ */
   --ion-color-warning-shade: #e0ac08;
   --ion-color-warning-tint: #ffca22;
 
-  --ion-color-danger: #c5000f;
-  --ion-color-danger-rgb: 197, 0, 15;
-  --ion-color-danger-contrast: #ffffff;
-  --ion-color-danger-contrast-rgb: 255, 255, 255;
-  --ion-color-danger-shade: #ad000d;
-  --ion-color-danger-tint: #cb1a27;
+  --ion-color-danger: #ff3344;
+	--ion-color-danger-rgb: 255,51,68;
+	--ion-color-danger-contrast: #000000;
+	--ion-color-danger-contrast-rgb: 0,0,0;
+	--ion-color-danger-shade: #e02d3c;
+	--ion-color-danger-tint: #ff4757;
 
   --ion-color-light: #f6f8fc;
   --ion-color-light-rgb: 246, 248, 252;
@@ -157,12 +157,12 @@ http://ionicframework.com/docs/theming/ */
     --ion-color-warning-shade: #e0ac08;
     --ion-color-warning-tint: #ffca22;
 
-    --ion-color-danger: #c5000f;
-    --ion-color-danger-rgb: 197, 0, 15;
-    --ion-color-danger-contrast: #ffffff;
-    --ion-color-danger-contrast-rgb: 255, 255, 255;
-    --ion-color-danger-shade: #ad000d;
-    --ion-color-danger-tint: #cb1a27;
+    --ion-color-danger: #ff3344;
+    --ion-color-danger-rgb: 255,51,68;
+    --ion-color-danger-contrast: #000000;
+    --ion-color-danger-contrast-rgb: 0,0,0;
+    --ion-color-danger-shade: #e02d3c;
+    --ion-color-danger-tint: #ff4757;
 
     --ion-color-light: #f6f8fc;
     --ion-color-light-rgb: 246, 248, 252;
diff --git a/src/views/trade-rwa/index.vue b/src/views/trade-rwa/index.vue
index 0d25e3c..dbe9ea5 100644
--- a/src/views/trade-rwa/index.vue
+++ b/src/views/trade-rwa/index.vue
@@ -86,6 +86,19 @@ const { data } = safeClient(client.api.rwa.subscription.available_editions({ edi
         </div>
       </div>
     </ion-content>
+
+    <ion-footer>
+      <ion-toolbar class="ion-padding-horizontal ui-toolbar">
+        <div class="flex justify-center my-2 gap-5">
+          <ion-button shape="round" expand="block" color="success">
+            申购
+          </ion-button>
+          <ion-button shape="round" expand="block" color="danger">
+            赎回
+          </ion-button>
+        </div>
+      </ion-toolbar>
+    </ion-footer>
   </ion-page>
 </template>
 
@@ -95,4 +108,13 @@ const { data } = safeClient(client.api.rwa.subscription.available_editions({ edi
 .label {
   @apply text-gray-500 mb-1;
 }
+
+ion-button {
+  width: 100%;
+  min-height: 40px;
+}
+
+ion-button::part(native) {
+  min-height: 40px;
+}
 </style>