41 lines
1.2 KiB
Vue
41 lines
1.2 KiB
Vue
<script lang='ts' setup>
|
|
import { cardOutline, documentOutline, documentTextOutline } from "ionicons/icons";
|
|
|
|
const { t } = useI18n();
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<ion-label class="text-xs font-medium text-text-300">
|
|
{{ t('trade.title') }}
|
|
</ion-label>
|
|
<div class="grid grid-cols-4 mt-5">
|
|
<div class="col-span-1 flex-col-center gap-2" @click="$router.push('/trade-settings/bank-management')">
|
|
<ion-icon :icon="cardOutline" />
|
|
<div class="text-xs">
|
|
{{ t('trade.settings.bankManagement') }}
|
|
</div>
|
|
</div>
|
|
<div class="col-span-1 flex-col-center gap-2" @click="$router.push('/trade-settings/my-subscribe')">
|
|
<ion-icon :icon="documentOutline" />
|
|
<div class="text-xs">
|
|
{{ t('trade.settings.mySubscribe') }}
|
|
</div>
|
|
</div>
|
|
<div class="col-span-1 flex-col-center gap-2" @click="$router.push('/trade-settings/my-issues')">
|
|
<ion-icon :icon="documentTextOutline" />
|
|
<div class="text-xs">
|
|
{{ t('trade.settings.myIssues') }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<style lang='css' scoped>
|
|
ion-icon {
|
|
font-size: 1.5rem;
|
|
color: var(--ion-color-primary);
|
|
}
|
|
</style>
|