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

feat: 添加空状态组件，优化数据为空时的展示效果

Browse Source
This commit is contained in:
Seven
2026-01-09 01:15:42 +07:00
parent 83385b9d88
commit 08186fa752
4 changed files with 53 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/views/riwa/components/rwa.vue
View File

@@ -22,34 +22,39 @@ function handleClick(item: RwaData) {
<div class="text-md font-semibold">
RWA产品
</div>
<div v-for="item in data?.data" :key="item.id" class="card" @click="handleClick(item)">
<div class="flex justify-between items-center mb-2 h-10">
<div class="flex items-center">
<CryptocurrencyColorNuls class="text-2xl inline-block mr-2" />
<div class="flex items-center gap-2">
<div class="text-md font-medium">
{{ item.product.name }}/{{ item.product.code }}
<template v-if="data?.data.length === 0">
<ui-empty />
</template>
<template v-else>
<div v-for="item in data?.data" :key="item.id" class="card" @click="handleClick(item)">
<div class="flex justify-between items-center mb-2 h-10">
<div class="flex items-center">
<CryptocurrencyColorNuls class="text-2xl inline-block mr-2" />
<div class="flex items-center gap-2">
<div class="text-md font-medium">
{{ item.product.name }}/{{ item.product.code }}
</div>
<ui-tag size="small" type="secondary">
{{ item.product.category?.name }}
</ui-tag>
</div>
<ui-tag size="small" type="secondary">
{{ item.product.category?.name }}
</ui-tag>
</div>
<ion-button size="small">
<ion-icon slot="start" :icon="cartOutline" />
<span>购 入</span>
</ion-button>
</div>
<ion-button size="small">
<ion-icon slot="start" :icon="cartOutline" />
<span>购 入</span>
</ion-button>
</div>
<div class="text-sm font-semibold mb-2 text-text-300">
阶段：{{ item.editionName }}
</div>
<div class="text-sm font-semibold mb-2 text-text-300">
阶段：{{ item.editionName }}
<div class="text-2xl font-bold mb-2">
{{ formatAmountWithSplit(item.totalSupply) }}
</div>
</div>
<div class="text-2xl font-bold mb-2">
{{ formatAmountWithSplit(item.totalSupply) }}
</div>
</div>
</template>
</div>
</template>