style(后台): 后台各张列表都改成斑马底纹(题目、用户、比赛、公告、练一练记录、标签、AI 报告、成就)
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
1 parent
3987ce0ff6
commit
30bff2acc4
8 files changed
+21
-3
No files matched your search
@@ -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");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -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");
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|
||||||
|
|||||||
@@ -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"
|
||||||
|
|||||||
@@ -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"
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -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"
|
||||||
|
|||||||
Reference in new issue
Block a user