update icon loading method

This commit is contained in:
锦恢 2025-04-11 14:33:16 +08:00
parent d44e9bb5c9
commit 98cd0c6166
4 changed files with 41 additions and 74 deletions

View File

@ -196,4 +196,41 @@ a {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.server-icon {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 20px;
height: 20px;
margin-right: 8px;
}
.deepseek-icon {
background-image: url('./images/deepseek.com.ico');
}
.openai-icon {
background-image: url('./images/openai.com.ico');
}
.mistral-icon {
background-image: url('./images/mistral.ai.ico');
}
.ollama-icon {
background-image: url('./images/ollama.png');
}
.grop-icon {
background-image: url('./images/grok.com.png');
}
.perplexity-icon {
background-image: url('./images/perplexity.ai.ico');
}
.kimi-icon {
background-image: url('./images/kimichat.cn.png');
}

View File

@ -15,7 +15,7 @@
<el-option v-for="(option, index) in llms" :value="index" :label="option.name" :key="index">
<div class="llm-option">
<img :src="option.icon" alt="">
<span :class="`${option.id}-icon server-icon`"></span>
<span>{{ option.name }}</span>
</div>
</el-option>

View File

@ -4,7 +4,6 @@ export const llms = [
name: 'DeepSeek',
baseUrl: 'https://api.deepseek.com/v1',
models: ['deepseek-chat', 'deepseek-reasoner'],
icon: '/images/deepseek.com.ico',
provider: 'DeepSeek',
isOpenAICompatible: true,
description: '深度求索推出的大模型,擅长中文和代码',
@ -17,7 +16,6 @@ export const llms = [
name: 'OpenAI',
baseUrl: 'https://api.openai.com/v1',
models: ['gpt-4-turbo', 'gpt-4', 'gpt-3.5-turbo'],
icon: '/images/openai.com.ico',
provider: 'OpenAI',
isOpenAICompatible: true,
description: 'OpenAI官方API',
@ -30,7 +28,6 @@ export const llms = [
name: 'Mistral',
baseUrl: 'https://api.mistral.ai/v1',
models: ['mistral-tiny', 'mistral-small', 'mistral-medium'],
icon: '/images/mistral.ai.ico',
provider: 'Mistral AI',
isOpenAICompatible: true,
description: '欧洲开源大模型代表',
@ -43,7 +40,6 @@ export const llms = [
name: 'Ollama (Local)',
baseUrl: 'http://localhost:11434/v1',
models: ['llama2', 'mistral', 'codellama'],
icon: '/images/ollama.png',
provider: 'Ollama',
isOpenAICompatible: true,
description: '本地运行的大模型',
@ -56,7 +52,6 @@ export const llms = [
name: 'Groq',
baseUrl: 'https://api.groq.com/openai/v1',
models: ['mixtral-8x7b-32768', 'llama2-70b-4096'],
icon: '/images/grok.com.png',
provider: 'Groq',
isOpenAICompatible: true,
description: '超高速推理API',
@ -69,7 +64,6 @@ export const llms = [
name: 'Perplexity',
baseUrl: 'https://api.perplexity.ai/v1',
models: ['pplx-7b-online', 'pplx-70b-online'],
icon: '/images/perplexity.ai.ico',
provider: 'Perplexity AI',
isOpenAICompatible: true,
description: '联网搜索增强的大模型',
@ -82,7 +76,6 @@ export const llms = [
name: 'Kimi Chat',
baseUrl: 'https://api.moonshot.cn/v1',
models: ['moonshot-v1-8k', 'moonshot-v1-32k', 'moonshot-v1-128k'],
icon: '/images/kimichat.cn.png',
provider: '月之暗面 (Moonshot AI)',
isOpenAICompatible: true,
description: '支持超长上下文的中文大模型上下文窗口高达128K',

View File

@ -39,28 +39,7 @@
],
"settings": {
"modelIndex": 0,
"enableTools": [
{
"name": "add",
"description": "对两个数字进行实数域的加法",
"enabled": true
},
{
"name": "multiply",
"description": "对两个数字进行实数域的乘法运算",
"enabled": true
},
{
"name": "is_even",
"description": "判断一个整数是否为偶数",
"enabled": true
},
{
"name": "capitalize",
"description": "将字符串首字母大写",
"enabled": true
}
],
"enableTools": [],
"enableWebSearch": false,
"temperature": 0.7,
"contextLength": 10,
@ -106,28 +85,7 @@
],
"settings": {
"modelIndex": 0,
"enableTools": [
{
"name": "add",
"description": "对两个数字进行实数域的加法",
"enabled": true
},
{
"name": "multiply",
"description": "对两个数字进行实数域的乘法运算",
"enabled": true
},
{
"name": "is_even",
"description": "判断一个整数是否为偶数",
"enabled": true
},
{
"name": "capitalize",
"description": "将字符串首字母大写",
"enabled": true
}
],
"enableTools": [],
"enableWebSearch": false,
"temperature": 0.7,
"contextLength": 10,
@ -189,28 +147,7 @@
],
"settings": {
"modelIndex": 0,
"enableTools": [
{
"name": "add",
"description": "对两个数字进行实数域的加法",
"enabled": true
},
{
"name": "multiply",
"description": "对两个数字进行实数域的乘法运算",
"enabled": true
},
{
"name": "is_even",
"description": "判断一个整数是否为偶数",
"enabled": true
},
{
"name": "capitalize",
"description": "将字符串首字母大写",
"enabled": true
}
],
"enableTools": [],
"enableWebSearch": false,
"temperature": 0.7,
"contextLength": 10,