root/riwa-ionic
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Seven
2026-01-11 21:54:02 +07:00
parent 93ece1f31b
commit ba9f88a38e
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/ui/tag/index.vue
View File

@@ -16,7 +16,7 @@ const { type = "primary", size = "medium", round = false } = defineProps<{
@reference "tailwindcss"; @reference "tailwindcss";
.ui-tag { .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 { .ui-tag.primary {
@apply bg-(--ion-color-dark) text-white; @apply bg-(--ion-color-dark) text-white;

4
src/views/riwa/components/rwa.vue
View File

@@ -28,10 +28,10 @@ function handleClick(item: RwaData) {
<template v-else> <template v-else>
<div v-for="item in data?.data" :key="item.id" class="card" @click="handleClick(item)"> <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 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" /> <CryptocurrencyColorNuls class="text-2xl inline-block mr-2" />
<div class="flex items-center gap-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 }} {{ item.product.name }}/{{ item.product.code }}
</div> </div>
<ui-tag size="small" type="secondary"> <ui-tag size="small" type="secondary">