feat: 添加我的申购页面,更新路由和国际化支持,优化用户体验
This commit is contained in:
45
src/views/trade-settings/my-subscribe/index.vue
Normal file
45
src/views/trade-settings/my-subscribe/index.vue
Normal file
@@ -0,0 +1,45 @@
|
||||
<script lang='ts' setup>
|
||||
import type { MySubscribeRwaBody, MySubscribeRwaData } from "@/api/types";
|
||||
import { client, safeClient } from "@/api";
|
||||
|
||||
const [query] = useResetRef<MySubscribeRwaBody>({
|
||||
limit: 20,
|
||||
offset: 0,
|
||||
});
|
||||
|
||||
const subscribeData = ref<MySubscribeRwaData>([]);
|
||||
const isFinished = ref(false);
|
||||
|
||||
async function fetchRwaData() {
|
||||
const { data } = await safeClient(() => client.api.rwa.subscription.my_subscriptions.get({
|
||||
query: query.value,
|
||||
}));
|
||||
subscribeData.value.push(...(data.value || []));
|
||||
isFinished.value = (data.value?.length || 0) < query.value.limit!;
|
||||
}
|
||||
|
||||
onBeforeMount(() => {
|
||||
fetchRwaData();
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<ion-page>
|
||||
<ion-header>
|
||||
<ion-toolbar class="ui-toolbar">
|
||||
<ion-back-button slot="start" />
|
||||
<ion-title>我的申购</ion-title>
|
||||
</ion-toolbar>
|
||||
</ion-header>
|
||||
|
||||
<ion-content :fullscreen="true" class="ion-padding">
|
||||
<ion-refresher slot="fixed">
|
||||
<ion-refresher-content />
|
||||
</ion-refresher>
|
||||
|
||||
<div class="space-y-3 antialiased mt-5" />
|
||||
</ion-content>
|
||||
</ion-page>
|
||||
</template>
|
||||
|
||||
<style scoped></style>
|
||||
Reference in New Issue
Block a user