💄 调整名片间距

This commit is contained in:
BTMuli
2025-09-11 12:59:07 +08:00
parent b3b3eae57c
commit 286c1e2459
3 changed files with 10 additions and 3 deletions

View File

@@ -49,7 +49,6 @@ const bgImage = computed<string>(() => {
justify-content: flex-start;
border: 1px solid var(--common-shadow-1);
border-radius: 4px 50px 50px 4px;
margin-bottom: 8px;
background-color: var(--box-bg-1);
background-image: v-bind(bgImage); /* stylelint-disable-line value-keyword-case */
background-position: right;

View File

@@ -1,6 +1,6 @@
<template>
<div class="tua-al-container">
<div v-if="ncData !== undefined">
<div v-if="ncData !== undefined" class="tua-al-nc">
<TopNameCard :data="ncData" @selected="showNc = true" :finish="isFinish" />
</div>
<v-virtual-scroll :items="renderAchi" :item-height="60" class="tua-al-list">
@@ -160,6 +160,10 @@ function switchAchiInfo(next: boolean): void {
overflow-y: auto;
}
.tua-al-nc {
margin-bottom: 8px;
}
.tua-al-list {
padding-right: 10px;
}

View File

@@ -45,7 +45,7 @@
<div class="tw-nc-list">
<v-virtual-scroll class="v-scroll" :items="sortNameCardsData" :item-height="80" item-key="id">
<template #default="{ item }">
<TopNameCard :data="item" @selected="showNameCard(item)" />
<TopNameCard class="item" :data="item" @selected="showNameCard(item)" />
</template>
</v-virtual-scroll>
</div>
@@ -193,6 +193,10 @@ function searchNameCard(): void {
.v-scroll {
padding-right: 8px;
.item {
margin-bottom: 8px;
}
}
}