feat: 添加点击事件处理,优化RWA产品卡片的导航功能

This commit is contained in:
2025-12-28 00:58:01 +07:00
parent b5d38bcee5
commit 528f026a5b

View File

@@ -1,13 +1,20 @@
<script lang='ts' setup> <script lang='ts' setup>
import type { RwaData } from "@/api/types";
import { cartOutline } from "ionicons/icons"; import { cartOutline } from "ionicons/icons";
import CryptocurrencyColorNuls from "~icons/cryptocurrency-color/nuls"; import CryptocurrencyColorNuls from "~icons/cryptocurrency-color/nuls";
import { client, safeClient } from "@/api"; import { client, safeClient } from "@/api";
const router = useRouter();
const { data } = safeClient(client.api.rwa.subscription.available_editions.get({ const { data } = safeClient(client.api.rwa.subscription.available_editions.get({
query: { query: {
limit: 4, limit: 4,
}, },
})); }));
function handleClick(item: RwaData) {
router.push(`/trade-rwa/${item.id}`);
}
</script> </script>
<template> <template>
@@ -15,7 +22,7 @@ const { data } = safeClient(client.api.rwa.subscription.available_editions.get({
<div class="text-md font-semibold"> <div class="text-md font-semibold">
RWA产品 RWA产品
</div> </div>
<div v-for="item in data?.data" :key="item.id" class="card"> <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 justify-between items-center mb-2 h-10">
<div class="flex items-center"> <div class="flex items-center">
<CryptocurrencyColorNuls class="text-2xl inline-block mr-2" /> <CryptocurrencyColorNuls class="text-2xl inline-block mr-2" />