fork-it/gpt-load
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change svg to icon

Browse Source
This commit is contained in:
hptangxi
2025-07-06 16:15:40 +08:00
parent cad61239eb
commit c8ab6d3b6f
5 changed files with 20 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
web/src/components/Logout.vue
View File

@@ -1,5 +1,6 @@
<script setup lang="ts">
import { useAuthService } from "@/services/auth";
import { LogOutOutline } from "@vicons/ionicons5";
import { useRouter } from "vue-router";
const router = useRouter();
@@ -14,11 +15,7 @@ const handleLogout = () => {
<template>
<n-button quaternary round class="logout-button" @click="handleLogout">
<template #icon>
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
<path
d="M17 7l-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.59L17 17l5-5zM4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4V5z"
/>
</svg>
<n-icon :component="LogOutOutline" />
</template>
退出登录
</n-button>

23
web/src/components/keys/GroupFormModal.vue
View File

@@ -2,6 +2,7 @@
import { keysApi } from "@/api/keys";
import { settingsApi } from "@/api/settings";
import type { Group, GroupConfigOption, UpstreamInfo } from "@/types/models";
import { Add, Close, Remove } from "@vicons/ionicons5";
import {
NButton,
NCard,
@@ -271,11 +272,7 @@ async function handleSubmit() {
<template #header-extra>
<n-button quaternary circle @click="handleClose">
<template #icon>
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
<path
d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
/>
</svg>
<n-icon :component="Close" />
</template>
</n-button>
</template>
@@ -370,9 +367,7 @@ async function handleSubmit() {
style="margin-left: 10px"
>
<template #icon>
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
<path d="M19 13H5v-2h14v2z" />
</svg>
<n-icon :component="Remove" />
</template>
</n-button>
</div>
@@ -382,9 +377,7 @@ async function handleSubmit() {
<n-form-item>
<n-button @click="addUpstream" dashed style="width: 100%">
<template #icon>
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" />
</svg>
<n-icon :component="Add" />
</template>
添加上游地址
</n-button>
@@ -443,9 +436,7 @@ async function handleSubmit() {
style="margin-left: 10px"
>
<template #icon>
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
<path d="M19 13H5v-2h14v2z" />
</svg>
<n-icon :component="Remove" />
</template>
</n-button>
</div>
@@ -460,9 +451,7 @@ async function handleSubmit() {
:disabled="formData.configItems.length >= configOptions.length"
>
<template #icon>
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" />
</svg>
<n-icon :component="Add" />
</template>
添加配置参数
</n-button>

13
web/src/components/keys/GroupInfoCard.vue
View File

@@ -2,6 +2,7 @@
import { keysApi } from "@/api/keys";
import type { Group, GroupStats } from "@/types/models";
import { getGroupDisplayName } from "@/utils/display";
import { Pencil, Trash } from "@vicons/ionicons5";
import {
NButton,
NCard,
@@ -139,11 +140,7 @@ function copyUrl(url: string) {
<div class="header-actions">
<n-button quaternary circle size="small" @click="handleEdit" title="编辑分组">
<template #icon>
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
<path
d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"
/>
</svg>
<n-icon :component="Pencil" />
</template>
</n-button>
<n-button
@@ -156,11 +153,7 @@ function copyUrl(url: string) {
:disabled="!group"
>
<template #icon>
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
<path
d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
/>
</svg>
<n-icon :component="Trash" />
</template>
</n-button>
</div>