feat: 在index.html和script.js中添加图像批量生成功能

This commit is contained in:
2025-08-29 13:05:22 +08:00
parent 960210d961
commit 431e231730
4 changed files with 390 additions and 145 deletions

View File

@@ -98,14 +98,26 @@
</div>
</div>
<!-- 聊天输入区域 -->
<!-- 图像生成模块 -->
<div class="mb-4">
<h5><i class="fas fa-comments me-2"></i>对话输入</h5>
<div class="input-group">
<h5><i class="fas fa-image me-2"></i>图像生成</h5>
<div class="input-group mb-3">
<textarea class="form-control" id="messageInput" rows="3" placeholder="输入您的图像生成请求..."></textarea>
<button class="btn btn-primary" onclick="sendMessage()">
<i class="fas fa-paper-plane me-2"></i>发送
</button>
</div>
<div class="d-flex flex-column gap-3">
<div class="input-group mb-3">
<span class="input-group-text">生成数量</span>
<input type="number" class="form-control" id="batchCount" min="1" max="10" value="6" placeholder="输入生成数量">
</div>
<div class="d-flex gap-2">
<button class="btn btn-primary flex-fill" onclick="sendMessage()">
<i class="fas fa-paper-plane me-2"></i>生成一张
</button>
<button class="btn btn-success flex-fill" onclick="sendBatchMessage()">
<i class="fas fa-magic me-2"></i>批量生成
</button>
</div>
<small class="text-muted">支持1-10张图像同时生成</small>
</div>
</div>