mirror of
https://github.com/Zippland/Snap-Solver.git
synced 2026-01-25 01:14:28 +08:00
优化设置管理器界面,新增模型版本选择功能,改进Token和推理深度控制组件的交互逻辑,提升用户体验和界面友好性。
This commit is contained in:
976
static/style.css
976
static/style.css
File diff suppressed because it is too large
Load Diff
@@ -143,21 +143,25 @@
|
||||
<!-- 1. 首先是最常用的AI模型选择部分 -->
|
||||
<div class="settings-section model-settings">
|
||||
<h3><i class="fas fa-robot"></i> 模型设置</h3>
|
||||
<div class="setting-group">
|
||||
<label for="modelSelect"><i class="fas fa-microchip"></i> AI模型</label>
|
||||
<select id="modelSelect">
|
||||
<option value="gpt-4o">OpenAI - GPT-4o</option>
|
||||
<option value="gpt-4-turbo">OpenAI - GPT-4 Turbo</option>
|
||||
<option value="gpt-4">OpenAI - GPT-4</option>
|
||||
<option value="gpt-3.5-turbo">OpenAI - GPT-3.5 Turbo</option>
|
||||
<option value="claude-3-opus-20240229">Anthropic - Claude 3 Opus</option>
|
||||
<option value="claude-3-sonnet-20240229">Anthropic - Claude 3 Sonnet</option>
|
||||
<option value="claude-3-haiku-20240307" selected>Anthropic - Claude 3 Haiku</option>
|
||||
<option value="deepseek-v2">DeepSeek - DeepSeek-V2</option>
|
||||
<option value="qwen-max">Alibaba - 通义千问 Max</option>
|
||||
</select>
|
||||
<div id="modelVersionInfo" class="model-version-info">
|
||||
<i class="fas fa-info-circle"></i> <span>版本: <span id="modelVersionText">-</span></span>
|
||||
<div class="setting-group model-select-group">
|
||||
<label><i class="fas fa-robot"></i> AI模型</label>
|
||||
<div class="model-select-container">
|
||||
<div class="model-select-display" id="modelSelectDisplay">
|
||||
<span class="model-name">GPT-4</span>
|
||||
<span class="capability-badge multimodal" title="支持图像"><i class="fas fa-image"></i></span>
|
||||
<span class="capability-badge reasoning" title="支持深度思考"><i class="fas fa-brain"></i></span>
|
||||
<span class="model-version-info">turbo</span>
|
||||
<i class="fas fa-chevron-down dropdown-arrow"></i>
|
||||
</div>
|
||||
<div class="model-select-dropdown" id="modelSelectDropdown">
|
||||
<!-- 动态填充的模型选项 -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group model-select-original">
|
||||
<label for="modelSelect">模型:</label>
|
||||
<select id="modelSelect" class="form-control">
|
||||
<!-- 模型选项会动态填充 -->
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="setting-group">
|
||||
@@ -260,9 +264,14 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 系统提示词设置,单独一个section -->
|
||||
<div class="settings-section prompt-settings">
|
||||
<h3><i class="fas fa-comment-alt"></i> 系统提示词</h3>
|
||||
<div class="setting-group prompt-setting-group">
|
||||
<div class="prompt-header">
|
||||
<label for="promptSelect"><i class="fas fa-comment-alt"></i> 系统提示词</label>
|
||||
<label for="promptSelect"><i class="fas fa-magic"></i> 选择提示模板</label>
|
||||
<div class="prompt-actions">
|
||||
<select id="promptSelect" title="选择预设提示词">
|
||||
</select>
|
||||
|
||||
Reference in New Issue
Block a user