remove element-plus icons.
This commit is contained in:
@@ -2,6 +2,7 @@
|
||||
import { parseTime } from "utils/functions"
|
||||
import { useContestStore } from "oj/store/contest"
|
||||
import ContestType from "~/shared/components/ContestType.vue"
|
||||
import Info from "~/shared/icons/Info.vue"
|
||||
|
||||
const contestStore = useContestStore()
|
||||
</script>
|
||||
@@ -16,7 +17,7 @@ const contestStore = useContestStore()
|
||||
<template #trigger>
|
||||
<n-button>
|
||||
<template #icon>
|
||||
<i-ep-warning />
|
||||
<Info />
|
||||
</template>
|
||||
比赛信息
|
||||
</n-button>
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<script setup lang="ts">
|
||||
import { NButton, NIcon } from "naive-ui"
|
||||
import { GoldMedal } from "@element-plus/icons-vue"
|
||||
import Pagination from "~/shared/components/Pagination.vue"
|
||||
import AcAndSubmission from "../components/AcAndSubmission.vue"
|
||||
import { getContestProblems, getContestRank } from "oj/api"
|
||||
@@ -8,6 +7,7 @@ import { ContestRank, ProblemFiltered } from "~/utils/types"
|
||||
import { secondsToDuration } from "utils/functions"
|
||||
import { ContestStatus } from "~/utils/constants"
|
||||
import { useContestStore } from "~/oj/store/contest"
|
||||
import Medal1 from "~/shared/icons/Medal1.vue"
|
||||
|
||||
interface Props {
|
||||
contestID: string
|
||||
@@ -133,8 +133,8 @@ async function addColumns() {
|
||||
acTime = [
|
||||
h(
|
||||
NIcon,
|
||||
{ size: 16, style: "transform: translate(-2px, 3px)" },
|
||||
() => h(GoldMedal),
|
||||
{ size: 16, style: "transform: translate(-2px, 2px)" },
|
||||
() => h(Medal1),
|
||||
),
|
||||
secondsToDuration(status.ac_time),
|
||||
]
|
||||
|
||||
@@ -9,6 +9,7 @@ import TestCat from "./TestCat2.vue"
|
||||
import storage from "~/utils/storage"
|
||||
import { STORAGE_KEY } from "utils/constants"
|
||||
import { LANGUAGE } from "~/utils/types"
|
||||
import More from "~/shared/icons/More.vue"
|
||||
|
||||
const route = useRoute()
|
||||
const router = useRouter()
|
||||
@@ -81,7 +82,7 @@ function changeLanguage(v: LANGUAGE) {
|
||||
<n-button :size="isDesktop ? 'medium' : 'small'">
|
||||
<template #icon>
|
||||
<n-icon>
|
||||
<i-ep-more-filled />
|
||||
<More />
|
||||
</n-icon>
|
||||
</template>
|
||||
</n-button>
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
<script setup lang="ts">
|
||||
import { Select, SemiSelect } from "@element-plus/icons-vue"
|
||||
import { useThemeVars } from "naive-ui"
|
||||
import Select from "~/shared/icons/Select.vue"
|
||||
import SemiSelect from "~/shared/icons/SemiSelect.vue"
|
||||
|
||||
const theme = useThemeVars()
|
||||
const props = defineProps<{
|
||||
|
||||
@@ -9,6 +9,9 @@ import { Submission, SubmitCodePayload } from "utils/types"
|
||||
import { getSubmission, submitCode } from "oj/api"
|
||||
import SubmissionResultTag from "~/shared/components/SubmissionResultTag.vue"
|
||||
import { useUserStore } from "~/shared/store/user"
|
||||
import Loading from "~/shared/icons/Loading.vue"
|
||||
import Bulb from "~/shared/icons/Bulb.vue"
|
||||
import Play from "~/shared/icons/Play.vue"
|
||||
|
||||
const userStore = useUserStore()
|
||||
const route = useRoute()
|
||||
@@ -211,9 +214,9 @@ watch(
|
||||
>
|
||||
<template #icon>
|
||||
<n-icon>
|
||||
<i-ep-loading v-if="judging || pending || submitting" />
|
||||
<i-ep-bell v-else-if="isPending" />
|
||||
<i-ep-caret-right v-else />
|
||||
<Loading v-if="judging || pending || submitting" />
|
||||
<Bulb v-else-if="isPending" />
|
||||
<Play v-else />
|
||||
</n-icon>
|
||||
</template>
|
||||
{{ submitLabel }}
|
||||
|
||||
@@ -8,6 +8,8 @@ import { useUserStore } from "~/shared/store/user"
|
||||
import { getProblemTagList } from "~/shared/api"
|
||||
import Pagination from "~/shared/components/Pagination.vue"
|
||||
import { isDesktop } from "~/shared/composables/breakpoints"
|
||||
import ArrowUp from "~/shared/icons/ArrowUp.vue"
|
||||
import ArrowDown from "~/shared/icons/ArrowDown.vue"
|
||||
|
||||
interface Tag {
|
||||
id: number
|
||||
@@ -212,8 +214,8 @@ function rowProps(row: ProblemFiltered) {
|
||||
<n-button @click="toggleShowTag()" quaternary icon-placement="right">
|
||||
<template #icon>
|
||||
<n-icon>
|
||||
<i-ep-arrow-down v-if="showTag" />
|
||||
<i-ep-arrow-up v-else />
|
||||
<ArrowDown v-if="showTag" />
|
||||
<ArrowUp v-else />
|
||||
</n-icon>
|
||||
</template>
|
||||
标签
|
||||
|
||||
@@ -1,4 +1,8 @@
|
||||
<script lang="ts" setup>
|
||||
import Medal1 from "~/shared/icons/Medal1.vue"
|
||||
import Medal2 from "~/shared/icons/Medal2.vue"
|
||||
import Medal3 from "~/shared/icons/Medal3.vue"
|
||||
|
||||
interface Props {
|
||||
page: number
|
||||
limit: number
|
||||
@@ -7,12 +11,6 @@ interface Props {
|
||||
|
||||
const props = defineProps<Props>()
|
||||
const index = computed(() => props.index + (props.page - 1) * props.limit + 1)
|
||||
const color = computed(() => {
|
||||
if (index.value === 1) return "#FFD700"
|
||||
if (index.value === 2) return "#C0C0C0"
|
||||
if (index.value === 3) return "rgb(191,173,111)"
|
||||
return ""
|
||||
})
|
||||
const tooltip = computed(() => {
|
||||
if (index.value === 1) return "🏅 金牌"
|
||||
if (index.value === 2) return "🥈 银牌"
|
||||
@@ -24,15 +22,12 @@ const tooltip = computed(() => {
|
||||
<span v-if="index > 3">{{ index }}</span>
|
||||
<n-tooltip v-else>
|
||||
<template #trigger>
|
||||
<n-icon class="icon" size="20">
|
||||
<i-ep-medal :color="color" />
|
||||
<n-icon :size="20">
|
||||
<Medal1 v-if="index === 1" />
|
||||
<Medal2 v-if="index === 2" />
|
||||
<Medal3 v-if="index === 3" />
|
||||
</n-icon>
|
||||
</template>
|
||||
{{ tooltip }}
|
||||
</n-tooltip>
|
||||
</template>
|
||||
<style scoped>
|
||||
.icon {
|
||||
transform: translateY(4px);
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user