40 lines
1.4 KiB
HTML
40 lines
1.4 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; }
|
||
|
|
</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>Access Token (API Key)</label>
|
||
|
|
<input type="password" id="apiKey" placeholder="输入您的 Token">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="item">
|
||
|
|
<label>Model ID</label>
|
||
|
|
<input type="text" id="modelName" placeholder="Qwen/Qwen2.5-Coder-32B-Instruct">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<button id="save" class="btn">保存并生效</button>
|
||
|
|
<div id="status"></div>
|
||
|
|
|
||
|
|
<script src="popup.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|