feat: 添加点击事件处理,优化RWA产品卡片的导航功能
This commit is contained in:
@@ -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" />
|
||||||
|
|||||||
Reference in New Issue
Block a user