@@ -150,7 +150,7 @@ watch(() => [query.page, query.limit, query.author], listProblems)
|
|||||||
type="primary"
|
type="primary"
|
||||||
@click="selectProblems"
|
@click="selectProblems"
|
||||||
>
|
>
|
||||||
从题库中选择
|
从题目中选择
|
||||||
</n-button>
|
</n-button>
|
||||||
<n-flex align="center" v-if="!props.contestID">
|
<n-flex align="center" v-if="!props.contestID">
|
||||||
<span>出题人</span>
|
<span>出题人</span>
|
||||||
|
|||||||
@@ -116,7 +116,8 @@ onMounted(init)
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<n-card v-if="problemSet" style="margin-bottom: 24px">
|
<div v-if="problemSet">
|
||||||
|
<n-card style="margin-bottom: 24px">
|
||||||
<n-flex justify="space-between" align="center">
|
<n-flex justify="space-between" align="center">
|
||||||
<n-flex align="center">
|
<n-flex align="center">
|
||||||
<n-tag type="warning" v-if="problemSet.status === 'archived'">
|
<n-tag type="warning" v-if="problemSet.status === 'archived'">
|
||||||
@@ -177,7 +178,7 @@ onMounted(init)
|
|||||||
</n-flex>
|
</n-flex>
|
||||||
</n-flex>
|
</n-flex>
|
||||||
</n-card>
|
</n-card>
|
||||||
<n-grid v-if="problemSet" :cols="isDesktop ? 4 : 1" :x-gap="16" :y-gap="16">
|
<n-grid :cols="isDesktop ? 4 : 1" :x-gap="16" :y-gap="16">
|
||||||
<n-grid-item
|
<n-grid-item
|
||||||
v-for="(problemSetProblem, index) in problems"
|
v-for="(problemSetProblem, index) in problems"
|
||||||
:key="problemSetProblem.id"
|
:key="problemSetProblem.id"
|
||||||
@@ -189,8 +190,8 @@ onMounted(init)
|
|||||||
>
|
>
|
||||||
<n-flex align="center">
|
<n-flex align="center">
|
||||||
<Icon
|
<Icon
|
||||||
style="margin-right: 12px"
|
style="margin-right: 10px"
|
||||||
width="50"
|
width="48"
|
||||||
icon="noto:check-mark-button"
|
icon="noto:check-mark-button"
|
||||||
v-if="problemSetProblem.is_completed"
|
v-if="problemSetProblem.is_completed"
|
||||||
/>
|
/>
|
||||||
@@ -220,13 +221,14 @@ onMounted(init)
|
|||||||
</n-grid>
|
</n-grid>
|
||||||
|
|
||||||
<div class="tip">
|
<div class="tip">
|
||||||
<n-text :deep="3">* 题目完成后会自动返回题单页面</n-text>
|
<n-text>题目完成后会自动返回题单页面</n-text>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.tip {
|
.tip {
|
||||||
padding: 24px;
|
padding-top: 24px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -90,7 +90,7 @@ const menus = computed<MenuOption[]>(() => [
|
|||||||
icon: renderIcon("streamline-emojis:snake"),
|
icon: renderIcon("streamline-emojis:snake"),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: () => h(RouterLink, { to: "/" }, { default: () => "题库" }),
|
label: () => h(RouterLink, { to: "/" }, { default: () => "题目" }),
|
||||||
key: "problem",
|
key: "problem",
|
||||||
icon: renderIcon("streamline-emojis:blossom"),
|
icon: renderIcon("streamline-emojis:blossom"),
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user