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

feat: 添加 UiTag 组件，更新路由和市场视图，优化用户体验

Browse Source
This commit is contained in:
Seven
2025-12-18 23:40:51 +07:00
parent 8b3fec2376
commit 72775b4b37
8 changed files with 137 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
src/views/market/components/rwa-list.vue
View File

@@ -1,50 +1,63 @@
<script lang='ts' setup>
import type { RwaData } from "@/api/types";
import CryptocurrencyColorAppc from "~icons/cryptocurrency-color/appc";
import CryptocurrencyColorNuls from "~icons/cryptocurrency-color/nuls";
defineProps<{
data: RwaData["data"];
}>();
const { t } = useI18n();
const router = useRouter();
function gotoTradeRwa(id: string) {
router.push(`/trade-rwa/${id}`);
}
</script>
<template>
<ion-list lines="none" class="space-y-2">
<ion-item>
<ion-grid>
<ion-row class="ion-align-items-center text-xs">
<ion-col size="6">
<div>{{ t('market.rwaList.nameCode') }}</div>
</ion-col>
<ion-col>
<div class="text-right">
{{ t('market.rwaList.stage') }}
</div>
</ion-col>
<ion-col>
<div class="text-right">
{{ t('market.rwaList.issueDate') }}
</div>
</ion-col>
<ion-col>
<div class="text-right">
{{ t('market.rwaList.subscriptionPrice') }}
</div>
</ion-col>
</ion-row>
</ion-grid>
</ion-item>
<ion-item v-for="item in data" :key="item.id">
<div class="space-y-3 antialiased mt-5">
<ion-grid>
<ion-row class="ion-align-items-center text-xs text-text-500">
<ion-col size="6">
<div>{{ t('market.rwaList.nameCode') }}</div>
</ion-col>
<ion-col>
<div class="text-right">
{{ t('market.rwaList.stage') }}
</div>
</ion-col>
<ion-col>
<div class="text-right">
{{ t('market.rwaList.issueDate') }}
</div>
</ion-col>
<ion-col>
<div class="text-right">
{{ t('market.rwaList.subscriptionPrice') }}
</div>
</ion-col>
</ion-row>
</ion-grid>
<div v-for="item in data" :key="item.id" @click="gotoTradeRwa(item.id)">
<ion-grid>
<ion-row class="ion-align-items-center space-y-5">
<ion-col size="6">
<ion-col size="6" class="flex items-center">
<div class="mr-3">
<CryptocurrencyColorNuls class="text-3xl" />
</div>
<div>
<div class="font-semibold mb-1 truncate">
<div class="text-sm font-semibold mb-1 truncate">
{{ item.product?.name }}
</div>
<p class="text-xs text-text-500 font-bold">
{{ item.product?.code }}
</p>
<div class="flex items-center space-x-2">
<div class="text-xs text-text-500">
{{ item.product?.code }}
</div>
<div class="text-xs rounded-md px-1 py-0.5 bg-text-800">
{{ item.product?.code }}
</div>
</div>
</div>
</ion-col>
<ion-col>
@@ -66,8 +79,8 @@ const { t } = useI18n();
</ion-col>
</ion-row>
</ion-grid>
</ion-item>
</ion-list>
</div>
</div>
</template>
<style lang='css' scoped></style>