feat: 更新标签组件,添加文本不换行样式并优化卡片布局
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user