feat: 更新标签组件,添加文本不换行样式并优化卡片布局

This commit is contained in:
2026-01-11 21:54:02 +07:00
parent 93ece1f31b
commit ba9f88a38e
2 changed files with 3 additions and 3 deletions

View File

@@ -16,7 +16,7 @@ const { type = "primary", size = "medium", round = false } = defineProps<{
@reference "tailwindcss";
.ui-tag {
@apply px-3 py-1 text-xs rounded-md inline-block;
@apply px-3 py-1 text-xs rounded-md inline-block text-nowrap;
}
.ui-tag.primary {
@apply bg-(--ion-color-dark) text-white;

View File

@@ -28,10 +28,10 @@ function handleClick(item: RwaData) {
<template v-else>
<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">
<div class="flex items-center flex-1 pr-2">
<CryptocurrencyColorNuls class="text-2xl inline-block mr-2" />
<div class="flex items-center gap-2">
<div class="text-md font-medium">
<div class="text-md font-medium text-wrap">
{{ item.product.name }}/{{ item.product.code }}
</div>
<ui-tag size="small" type="secondary">