63 lines
2.1 KiB
HTML
63 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<style>
|
|
body { width: 320px; padding: 15px; font-family: sans-serif; margin: 0; background: #f9fafc; }
|
|
h3 { margin-top: 0; color: #303133; font-size: 16px; border-left: 4px solid #409eff; padding-left: 8px; }
|
|
.item { margin-bottom: 12px; }
|
|
label { display: block; font-size: 12px; color: #606266; margin-bottom: 4px; }
|
|
input { width: 100%; box-sizing: border-box; padding: 8px; border: 1px solid #dcdfe6; border-radius: 4px; outline: none; }
|
|
input:focus { border-color: #409eff; }
|
|
.btn { background: #409eff; color: white; border: none; padding: 10px; border-radius: 4px; cursor: pointer; width: 100%; font-weight: bold; margin-top: 5px; }
|
|
.btn:hover { background: #66b1ff; }
|
|
#status { font-size: 12px; text-align: center; margin-top: 8px; height: 14px; }
|
|
.note { font-size: 11px; color: #999; margin-top: 4px; }
|
|
|
|
/* 语音开关专属样式 */
|
|
.switch-item {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
background: #fff;
|
|
padding: 10px;
|
|
border-radius: 4px;
|
|
border: 1px solid #dcdfe6;
|
|
margin-top: 15px;
|
|
}
|
|
.switch-item label { margin-bottom: 0; cursor: pointer; flex: 1; }
|
|
.switch-item input { width: auto; cursor: pointer; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h3> AI 模型配置</h3>
|
|
|
|
<div class="item">
|
|
<label>API Base URL</label>
|
|
<input type="text" id="apiUrl" placeholder="https://api-inference.modelscope.cn/v1">
|
|
</div>
|
|
|
|
<div class="item">
|
|
<label>API Key</label>
|
|
<input type="password" id="apiKey" placeholder="sk-...">
|
|
</div>
|
|
|
|
<div class="item">
|
|
<label>Model Name</label>
|
|
<input type="text" id="modelName" placeholder="deepseek-ai/DeepSeek-V3">
|
|
</div>
|
|
|
|
<div class="item switch-item">
|
|
<label for="voiceEnabled">开启语音回复</label>
|
|
<input type="checkbox" id="voiceEnabled">
|
|
</div>
|
|
|
|
<button id="save" class="btn">保存并生效</button>
|
|
|
|
<div id="status"></div>
|
|
|
|
<div class="note">提示：保存配置后，请刷新目标页面使设置生效。</div>
|
|
|
|
<script src="popup.js"></script>
|
|
</body>
|
|
</html> |