fix UI
This commit is contained in:
@@ -34,7 +34,7 @@ const difficultyOptions = [
|
|||||||
{ label: "困难", value: "High" },
|
{ label: "困难", value: "High" },
|
||||||
]
|
]
|
||||||
|
|
||||||
const authorOptions = ref([{label: "全部", value: ""}])
|
const authorOptions = ref([{ label: "全部", value: "" }])
|
||||||
|
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
|
|
||||||
@@ -53,12 +53,14 @@ const { query, clearQuery } = usePagination<ProblemQuery>({
|
|||||||
})
|
})
|
||||||
|
|
||||||
async function getAuthorOptions() {
|
async function getAuthorOptions() {
|
||||||
authorOptions.value = [{label: "全部", value: ""}]
|
authorOptions.value = [{ label: "全部", value: "" }]
|
||||||
const res = await getAuthors()
|
const res = await getAuthors()
|
||||||
const remotes = res.data.map((item: {username: string, problem_count: number}) => ({
|
const remotes = res.data.map(
|
||||||
label: `${item.username} (${item.problem_count})`,
|
(item: { username: string; problem_count: number }) => ({
|
||||||
value: item.username,
|
label: `${item.username} (${item.problem_count})`,
|
||||||
}))
|
value: item.username,
|
||||||
|
}),
|
||||||
|
)
|
||||||
authorOptions.value = [...authorOptions.value, ...remotes]
|
authorOptions.value = [...authorOptions.value, ...remotes]
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -242,18 +244,22 @@ function rowProps(row: ProblemFiltered) {
|
|||||||
<n-form-item>
|
<n-form-item>
|
||||||
<n-flex align="center">
|
<n-flex align="center">
|
||||||
<n-button @click="clearQuery" quaternary>重置</n-button>
|
<n-button @click="clearQuery" quaternary>重置</n-button>
|
||||||
<n-button @click="getRandom" quaternary v-if="isDesktop">试试手气</n-button>
|
<n-button @click="getRandom" quaternary>试试手气</n-button>
|
||||||
</n-flex>
|
</n-flex>
|
||||||
</n-form-item>
|
</n-form-item>
|
||||||
|
<n-button
|
||||||
|
@click="toggleShowTag()"
|
||||||
|
quaternary
|
||||||
|
icon-placement="right"
|
||||||
|
>
|
||||||
|
<template #icon>
|
||||||
|
<Icon v-if="showTag" icon="ph:caret-down"></Icon>
|
||||||
|
<Icon v-else icon="ph:caret-up"></Icon>
|
||||||
|
</template>
|
||||||
|
标签
|
||||||
|
</n-button>
|
||||||
</n-form>
|
</n-form>
|
||||||
</div>
|
</div>
|
||||||
<n-button @click="toggleShowTag()" quaternary icon-placement="right">
|
|
||||||
<template #icon>
|
|
||||||
<Icon v-if="showTag" icon="ph:caret-down"></Icon>
|
|
||||||
<Icon v-else icon="ph:caret-up"></Icon>
|
|
||||||
</template>
|
|
||||||
标签
|
|
||||||
</n-button>
|
|
||||||
</n-flex>
|
</n-flex>
|
||||||
<Hitokoto v-if="isDesktop" />
|
<Hitokoto v-if="isDesktop" />
|
||||||
</n-flex>
|
</n-flex>
|
||||||
|
|||||||
Reference in New Issue
Block a user