feat: 优化关于页面的文件预览组件,移除不必要的导入和文档显示
feat: 更新银行管理页面的样式,调整添加银行卡按钮的背景色 feat: 添加加密货币充值功能,展示等待提示
This commit is contained in:
@@ -1,6 +1,5 @@
|
|||||||
<script lang='ts' setup>
|
<script lang='ts' setup>
|
||||||
import type { RwaData } from "@/api/types";
|
import type { RwaData } from "@/api/types";
|
||||||
import { client, safeClient } from "@/api";
|
|
||||||
|
|
||||||
const props = defineProps<{
|
const props = defineProps<{
|
||||||
data: RwaData | null;
|
data: RwaData | null;
|
||||||
|
|||||||
@@ -140,7 +140,7 @@ onUpdated(() => {
|
|||||||
class="bg-gray-50 dark:bg-gray-900 rounded-xl p-4 flex items-center cursor-pointer transition-all duration-300 border-2 border-dashed border-gray-200 dark:border-gray-600"
|
class="bg-gray-50 dark:bg-gray-900 rounded-xl p-4 flex items-center cursor-pointer transition-all duration-300 border-2 border-dashed border-gray-200 dark:border-gray-600"
|
||||||
@click="handleAddCard"
|
@click="handleAddCard"
|
||||||
>
|
>
|
||||||
<div class="w-10 h-10 rounded-full bg-linear-to-r from-green-500 to-emerald-600 flex items-center justify-center mr-3">
|
<div class="w-10 h-10 rounded-full bg-primary flex items-center justify-center mr-3">
|
||||||
<ion-icon :icon="addOutline" class="text-white text-xl" />
|
<ion-icon :icon="addOutline" class="text-white text-xl" />
|
||||||
</div>
|
</div>
|
||||||
<span class="font-semibold text-#151515 dark:text-white">{{ t('bankCard.list.addCard') }}</span>
|
<span class="font-semibold text-#151515 dark:text-white">{{ t('bankCard.list.addCard') }}</span>
|
||||||
|
|||||||
@@ -10,12 +10,11 @@ const props = defineProps<{
|
|||||||
<div class="mt-2">
|
<div class="mt-2">
|
||||||
<!-- document -->
|
<!-- document -->
|
||||||
<div>
|
<div>
|
||||||
<div class="font-semibold">
|
<div class="font-semibold mb-4">
|
||||||
相关文档
|
相关文档
|
||||||
</div>
|
</div>
|
||||||
<div class="text-xs mt-2">
|
|
||||||
{{ data?.product?.proofDocumentIds }}
|
<ui-file-preview :file-ids="props.data?.product?.proofDocumentIds || []" />
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -1,4 +1,6 @@
|
|||||||
<script lang='ts' setup>
|
<script lang='ts' setup>
|
||||||
|
import { toastController } from "@ionic/vue";
|
||||||
|
|
||||||
const emit = defineEmits<{
|
const emit = defineEmits<{
|
||||||
(e: "close"): void;
|
(e: "close"): void;
|
||||||
}>();
|
}>();
|
||||||
@@ -6,6 +8,16 @@ const emit = defineEmits<{
|
|||||||
const { t } = useI18n();
|
const { t } = useI18n();
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
|
|
||||||
|
async function handleCryptoRecharge() {
|
||||||
|
emit("close");
|
||||||
|
const toast = await toastController.create({
|
||||||
|
message: "敬请期待",
|
||||||
|
duration: 2000,
|
||||||
|
position: "top",
|
||||||
|
color: "primary",
|
||||||
|
});
|
||||||
|
await toast.present();
|
||||||
|
}
|
||||||
async function handleFiatRecharge() {
|
async function handleFiatRecharge() {
|
||||||
emit("close");
|
emit("close");
|
||||||
router.push("/deposit/fiat");
|
router.push("/deposit/fiat");
|
||||||
@@ -14,7 +26,7 @@ async function handleFiatRecharge() {
|
|||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="w-full h-50 p-5 flex justify-center flex-col gap-7.5">
|
<div class="w-full h-50 p-5 flex justify-center flex-col gap-7.5">
|
||||||
<div class="flex items-center gap-2.5">
|
<div class="flex items-center gap-2.5" @click="handleCryptoRecharge">
|
||||||
<i-ic-baseline-downloading class="text-2xl" />
|
<i-ic-baseline-downloading class="text-2xl" />
|
||||||
<ion-label class="flex-1">
|
<ion-label class="flex-1">
|
||||||
<h2>{{ t("recharge.channel.chainRecharge") }}</h2>
|
<h2>{{ t("recharge.channel.chainRecharge") }}</h2>
|
||||||
|
|||||||
Reference in New Issue
Block a user