feat: 添加点击事件处理,优化RWA产品卡片的导航功能
This commit is contained in:
@@ -1,13 +1,20 @@
|
||||
<script lang='ts' setup>
|
||||
import type { RwaData } from "@/api/types";
|
||||
import { cartOutline } from "ionicons/icons";
|
||||
import CryptocurrencyColorNuls from "~icons/cryptocurrency-color/nuls";
|
||||
import { client, safeClient } from "@/api";
|
||||
|
||||
const router = useRouter();
|
||||
|
||||
const { data } = safeClient(client.api.rwa.subscription.available_editions.get({
|
||||
query: {
|
||||
limit: 4,
|
||||
},
|
||||
}));
|
||||
|
||||
function handleClick(item: RwaData) {
|
||||
router.push(`/trade-rwa/${item.id}`);
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
@@ -15,7 +22,7 @@ const { data } = safeClient(client.api.rwa.subscription.available_editions.get({
|
||||
<div class="text-md font-semibold">
|
||||
RWA产品
|
||||
</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 items-center">
|
||||
<CryptocurrencyColorNuls class="text-2xl inline-block mr-2" />
|
||||
|
||||
Reference in New Issue
Block a user