julian/item-scraper
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

support custom item

Browse Source
This commit is contained in:
Julian Freeman
2026-03-11 12:33:42 -04:00
parent 071e2a9498
commit 9b55bea09d
2 changed files with 98 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
sidepanel.html
View File

@@ -33,20 +33,27 @@
<label class="block text-xs text-gray-500">AI 模型名称</label>
<input type="text" id="modelInput" class="w-full mt-1 border border-gray-300 rounded px-2 py-1 text-sm focus:ring-1 focus:ring-indigo-500 outline-none" placeholder="例如：gemini-1.5-flash">
</div>
<button id="saveConfig" class="w-full bg-indigo-600 hover:bg-indigo-700 text-white text-sm py-2 rounded transition-colors">保存设置</button>
<!-- Preset Management -->
<div class="pt-2 border-t border-gray-100">
<label class="block text-xs font-bold text-gray-600 mb-2">预设管理</label>
<div class="space-y-2">
<input type="text" id="newPresetName" class="w-full border border-gray-300 rounded px-2 py-1 text-sm outline-none" placeholder="预设名称 (如：手机)">
<textarea id="newPresetFields" class="w-full border border-gray-300 rounded px-2 py-1 text-sm outline-none h-16" placeholder="提取字段 (用逗号分隔，如：品牌, 型号, 价格)"></textarea>
<button id="addPreset" class="w-full bg-indigo-100 text-indigo-700 text-xs py-1.5 rounded hover:bg-indigo-200 transition-colors font-semibold">添加新预设</button>
</div>
<div id="presetList" class="mt-3 space-y-2">
<!-- Saved presets will appear here with delete buttons -->
</div>
</div>
<button id="saveConfig" class="w-full bg-indigo-600 hover:bg-indigo-700 text-white text-sm py-2 rounded transition-colors">保存所有设置</button>
</div>
</section>
<!-- Action Buttons -->
<section class="grid grid-cols-2 gap-3 mb-4">
<button id="extractLaptop" class="flex flex-col items-center justify-center p-4 bg-white border border-gray-200 rounded-lg hover:border-indigo-400 hover:bg-indigo-50 group">
<span class="text-2xl mb-1 group-hover:scale-110 transition-transform">💻</span>
<span class="text-xs font-semibold">提取笔记本</span>
</button>
<button id="extractPeripheral" class="flex flex-col items-center justify-center p-4 bg-white border border-gray-200 rounded-lg hover:border-indigo-400 hover:bg-indigo-50 group">
<span class="text-2xl mb-1 group-hover:scale-110 transition-transform">⌨️</span>
<span class="text-xs font-semibold">提取外设</span>
</button>
<!-- Dynamic Action Buttons -->
<section id="presetButtons" class="grid grid-cols-2 gap-3 mb-4">
<!-- Buttons will be injected here by JS -->
</section>
<!-- Chat / Custom Instructions -->