style(后台): 后台各张列表都改成斑马底纹(题目、用户、比赛、公告、练一练记录、标签、AI 报告、成就)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
xuyueandClaude Opus 5.5 committed 2026-10-13 14:45:22 +08:00
1 parent 3987ce0ff6
commit 30bff2acc4
8 files changed
+21 -3

No files matched your search

+6 -1
View File
@@ -141,11 +141,16 @@ onMounted(load)
flex-direction: column; flex-direction: column;
} }
/* 斑马底纹,和后台其它列表一样 */
.group:nth-child(even) {
background: v-bind("theme.tableColorStriped");
}
.group { .group {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 12px; gap: 12px;
padding: 8px 0; padding: 8px 10px;
border-bottom: 1px solid v-bind("theme.dividerColor"); border-bottom: 1px solid v-bind("theme.dividerColor");
} }
+5
View File
@@ -174,6 +174,11 @@ watchDebounced(
border-bottom: 0; border-bottom: 0;
} }
/* 斑马底纹,和后台其它列表一样 */
.item:nth-child(even) {
background: v-bind("theme.tableColorStriped");
}
.item:hover { .item:hover {
background: v-bind("theme.hoverColor"); background: v-bind("theme.hoverColor");
} }
+1 -1
View File
@@ -123,7 +123,7 @@ watch(query, listAnnouncements, { deep: true })
</n-button> </n-button>
</template> </template>
</PageHeader> </PageHeader>
<n-data-table class="ann-table" :columns="columns" :data="announcements" /> <n-data-table striped class="ann-table" :columns="columns" :data="announcements" />
<Pagination :total="total" v-model:limit="query.limit" v-model:page="query.page" /> <Pagination :total="total" v-model:limit="query.limit" v-model:page="query.page" />
</template> </template>
+1 -1
View File
@@ -138,7 +138,7 @@ watchDebounced(() => query.keyword, listContests, {
<n-input v-model:value="query.keyword" placeholder="比赛名" clearable style="width: 220px" /> <n-input v-model:value="query.keyword" placeholder="比赛名" clearable style="width: 220px" />
</template> </template>
</PageHeader> </PageHeader>
<n-data-table class="contest-table" :columns="columns" :data="contests" /> <n-data-table striped class="contest-table" :columns="columns" :data="contests" />
<Pagination :total="total" v-model:limit="query.limit" v-model:page="query.page" /> <Pagination :total="total" v-model:limit="query.limit" v-model:page="query.page" />
</template> </template>
@@ -58,6 +58,7 @@ onMounted(async () => {
<template> <template>
<n-data-table <n-data-table
striped
:loading="loading" :loading="loading"
:columns="columns" :columns="columns"
:data="rows" :data="rows"
+1
View File
@@ -348,6 +348,7 @@ watch(() => [query.page, query.limit, query.author, query.kind, query.visible],
<n-button size="small" quaternary @click="selectedRowKeys = []">取消选择</n-button> <n-button size="small" quaternary @click="selectedRowKeys = []">取消选择</n-button>
</div> </div>
<n-data-table <n-data-table
striped
class="problem-table" class="problem-table"
:columns="columns" :columns="columns"
:data="problems" :data="problems"
+5
View File
@@ -240,6 +240,11 @@ watchDebounced(keyword, listTags, { debounce: 500, maxWait: 1000 })
border-bottom: 0; border-bottom: 0;
} }
/* 斑马底纹,和后台其它列表一样(用户要的) */
.row:nth-child(even) {
background: v-bind("theme.tableColorStriped");
}
.name { .name {
flex: 0 0 120px; flex: 0 0 120px;
min-width: 0; min-width: 0;
+1
View File
@@ -345,6 +345,7 @@ watch(() => [query.page, query.limit, query.type, query.orderBy, query.className
</template> </template>
</PageHeader> </PageHeader>
<n-data-table <n-data-table
striped
class="user-table" class="user-table"
:data="users" :data="users"
:columns="columns" :columns="columns"