feat: 优化账户选择界面,增加背景和内边距样式
This commit is contained in:
@@ -165,9 +165,9 @@ function getAccountTypeName(type: AccountType) {
|
|||||||
<div class="relative flex flex-col gap-3">
|
<div class="relative flex flex-col gap-3">
|
||||||
<Field name="fromAccount">
|
<Field name="fromAccount">
|
||||||
<template #default="{ value }">
|
<template #default="{ value }">
|
||||||
<div class="flex flex-col">
|
<div class="flex flex-col bg-text-850 rounded-2xl p-3">
|
||||||
<span class="text-sm text-text-500">{{ t('transfer.from') }}</span>
|
<span class="text-sm text-text-500">{{ t('transfer.from') }}</span>
|
||||||
<div class="px-4 py-3 rounded-lg">
|
<div class="pt-2">
|
||||||
<span class="text-base font-medium">{{ getAccountTypeName(value) }}</span>
|
<span class="text-base font-medium">{{ getAccountTypeName(value) }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -186,9 +186,9 @@ function getAccountTypeName(type: AccountType) {
|
|||||||
|
|
||||||
<Field name="toAccount">
|
<Field name="toAccount">
|
||||||
<template #default="{ value }">
|
<template #default="{ value }">
|
||||||
<div class="flex flex-col">
|
<div class="flex flex-col bg-text-850 rounded-2xl p-3">
|
||||||
<span class="text-sm text-text-500">{{ t('transfer.to') }}</span>
|
<span class="text-sm text-text-500">{{ t('transfer.to') }}</span>
|
||||||
<div class="px-4 py-3 rounded-lg">
|
<div class="pt-2">
|
||||||
<span class="text-base font-medium">{{ getAccountTypeName(value) }}</span>
|
<span class="text-base font-medium">{{ getAccountTypeName(value) }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user