42 lines
1.6 KiB
HTML
42 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>AI 配置中心</title>
|
|
<style>
|
|
body { padding: 30px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; width: 400px; }
|
|
h2 { color: #333; border-bottom: 2px solid #409eff; padding-bottom: 10px; }
|
|
.form-group { margin-bottom: 15px; }
|
|
label { display: block; margin-bottom: 5px; font-weight: bold; color: #666; font-size: 14px; }
|
|
input { width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box; }
|
|
.btn { background: #409eff; color: white; border: none; padding: 10px 20px; border-radius: 4px; cursor: pointer; width: 100%; font-size: 16px; transition: background 0.3s; }
|
|
.btn:hover { background: #66b1ff; }
|
|
#status { margin-top: 10px; text-align: center; font-size: 13px; height: 20px; }
|
|
.note { font-size: 12px; color: #999; margin-top: 5px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h2>⚙️ 插件 AI 配置</h2>
|
|
|
|
<div class="form-group">
|
|
<label>API Base URL</label>
|
|
<input type="text" id="apiUrl" placeholder="例如: https://dashscope.aliyuncs.com/compatible-mode/v1">
|
|
<div class="note">魔搭/阿里千问通常使用兼容模式地址</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label>API Key</label>
|
|
<input type="password" id="apiKey" placeholder="sk-...">
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label>Model Name</label>
|
|
<input type="text" id="modelName" placeholder="例如: qwen-plus">
|
|
</div>
|
|
|
|
<button id="save" class="btn">保存配置</button>
|
|
<div id="status"></div>
|
|
|
|
<script src="options.js"></script>
|
|
</body>
|
|
</html> |