remove element-plus icons.

This commit is contained in:
2023-11-22 00:09:32 +08:00
parent aa7d46effc
commit 24f9e97962
33 changed files with 1339 additions and 988 deletions

View File

@@ -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>

View File

@@ -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),
]

View File

@@ -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>

View File

@@ -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<{

View File

@@ -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 }}

View File

@@ -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>
标签

View File

@@ -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>