root/riwa-ionic
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 更新 API 地址，添加 IonFooter 组件及其样式，优化交易视图布局

Browse Source
This commit is contained in:
Seven
2025-12-19 18:51:23 +07:00
parent 0bccd85744
commit d8204db197
4 changed files with 37 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.env.development
View File

@@ -1 +1 @@
VITE_API_URL=http://192.168.1.22:9528 VITE_API_URL=http://192.168.1.27:9528

2
components.d.ts vendored
View File

@@ -29,6 +29,7 @@ declare module 'vue' {
IonContent: typeof import('@ionic/vue')['IonContent'] IonContent: typeof import('@ionic/vue')['IonContent']
IonDatetime: typeof import('@ionic/vue')['IonDatetime'] IonDatetime: typeof import('@ionic/vue')['IonDatetime']
IonDatetimeButton: typeof import('@ionic/vue')['IonDatetimeButton'] IonDatetimeButton: typeof import('@ionic/vue')['IonDatetimeButton']
IonFooter: typeof import('@ionic/vue')['IonFooter']
IonGrid: typeof import('@ionic/vue')['IonGrid'] IonGrid: typeof import('@ionic/vue')['IonGrid']
IonHeader: typeof import('@ionic/vue')['IonHeader'] IonHeader: typeof import('@ionic/vue')['IonHeader']
IonIcon: typeof import('@ionic/vue')['IonIcon'] IonIcon: typeof import('@ionic/vue')['IonIcon']
@@ -92,6 +93,7 @@ declare global {
const IonContent: typeof import('@ionic/vue')['IonContent'] const IonContent: typeof import('@ionic/vue')['IonContent']
const IonDatetime: typeof import('@ionic/vue')['IonDatetime'] const IonDatetime: typeof import('@ionic/vue')['IonDatetime']
const IonDatetimeButton: typeof import('@ionic/vue')['IonDatetimeButton'] const IonDatetimeButton: typeof import('@ionic/vue')['IonDatetimeButton']
const IonFooter: typeof import('@ionic/vue')['IonFooter']
const IonGrid: typeof import('@ionic/vue')['IonGrid'] const IonGrid: typeof import('@ionic/vue')['IonGrid']
const IonHeader: typeof import('@ionic/vue')['IonHeader'] const IonHeader: typeof import('@ionic/vue')['IonHeader']
const IonIcon: typeof import('@ionic/vue')['IonIcon'] const IonIcon: typeof import('@ionic/vue')['IonIcon']

24
src/theme/variables.css
View File

@@ -36,12 +36,12 @@ http://ionicframework.com/docs/theming/ */
--ion-color-warning-shade: #e0ac08; --ion-color-warning-shade: #e0ac08;
--ion-color-warning-tint: #ffca22; --ion-color-warning-tint: #ffca22;
--ion-color-danger: #c5000f; --ion-color-danger: #ff3344;
--ion-color-danger-rgb: 197, 0, 15; --ion-color-danger-rgb: 255,51,68;
--ion-color-danger-contrast: #ffffff; --ion-color-danger-contrast: #000000;
--ion-color-danger-contrast-rgb: 255, 255, 255; --ion-color-danger-contrast-rgb: 0,0,0;
--ion-color-danger-shade: #ad000d; --ion-color-danger-shade: #e02d3c;
--ion-color-danger-tint: #cb1a27; --ion-color-danger-tint: #ff4757;
--ion-color-light: #f6f8fc; --ion-color-light: #f6f8fc;
--ion-color-light-rgb: 246, 248, 252; --ion-color-light-rgb: 246, 248, 252;
@@ -157,12 +157,12 @@ http://ionicframework.com/docs/theming/ */
--ion-color-warning-shade: #e0ac08; --ion-color-warning-shade: #e0ac08;
--ion-color-warning-tint: #ffca22; --ion-color-warning-tint: #ffca22;
--ion-color-danger: #c5000f; --ion-color-danger: #ff3344;
--ion-color-danger-rgb: 197, 0, 15; --ion-color-danger-rgb: 255,51,68;
--ion-color-danger-contrast: #ffffff; --ion-color-danger-contrast: #000000;
--ion-color-danger-contrast-rgb: 255, 255, 255; --ion-color-danger-contrast-rgb: 0,0,0;
--ion-color-danger-shade: #ad000d; --ion-color-danger-shade: #e02d3c;
--ion-color-danger-tint: #cb1a27; --ion-color-danger-tint: #ff4757;
--ion-color-light: #f6f8fc; --ion-color-light: #f6f8fc;
--ion-color-light-rgb: 246, 248, 252; --ion-color-light-rgb: 246, 248, 252;

22
src/views/trade-rwa/index.vue
View File

@@ -86,6 +86,19 @@ const { data } = safeClient(client.api.rwa.subscription.available_editions({ edi
</div> </div>
</div> </div>
</ion-content> </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> </ion-page>
</template> </template>
@@ -95,4 +108,13 @@ const { data } = safeClient(client.api.rwa.subscription.available_editions({ edi
.label { .label {
@apply text-gray-500 mb-1; @apply text-gray-500 mb-1;
} }
ion-button {
width: 100%;
min-height: 40px;
}
ion-button::part(native) {
min-height: 40px;
}
</style> </style>