4 Commits

Author SHA1 Message Date
809c8de2ff Update ui-bindings.js 2025-12-31 15:14:45 +08:00
3fab375cb5 Update index.html 2025-12-31 15:14:17 +08:00
84f05574b0 Update style.css 2025-12-31 15:13:59 +08:00
e6c38df794 Update Amily2-optimization.html 2025-12-31 14:22:55 +08:00
4 changed files with 118 additions and 4 deletions

View File

@@ -1,6 +1,6 @@
<div class="amily2-header">
<div class="additional-features-title">
<i class="fas fa-feather-alt"></i> 剧情优化
<i class="fas fa-feather-alt"></i> 记忆管理
</div>
<button id="amily2_back_to_main_from_optimization" class="menu_button secondary small_button interactable">
返回主殿 <i class="fas fa-arrow-right"></i>
@@ -11,7 +11,7 @@
<fieldset class="settings-group">
<legend><i class="fas fa-cogs"></i> 通用设置</legend>
<div class="control-block-with-switch">
<label for="amily2_opt_enabled"><strong>剧情优化开关</strong></label>
<label for="amily2_opt_enabled"><strong>记忆管理开关</strong></label>
<label class="toggle-switch">
<input id="amily2_opt_enabled" type="checkbox" />
<span class="slider"></span>
@@ -122,9 +122,9 @@
<input id="amily2_opt_rate_main" type="number" class="text_pole" step="0.05" value="1.0">
<label for="amily2_opt_rate_personal">个人线 (sulv2)</label>
<input id="amily2_opt_rate_personal" type="number" class="text_pole" step="0.05" value="1.0">
<label for="amily2_opt_rate_erotic">色情事件 (sulv3)</label>
<label for="amily2_opt_rate_erotic">留空 (sulv3)</label>
<input id="amily2_opt_rate_erotic" type="number" class="text_pole" step="0.05" value="1.0">
<label for="amily2_opt_rate_cuckold">绿帽线 (sulv4)</label>
<label for="amily2_opt_rate_cuckold">留空 (sulv4)</label>
<input id="amily2_opt_rate_cuckold" type="number" class="text_pole" step="0.05" value="1.0">
</div>
</fieldset>
@@ -195,3 +195,4 @@
<div class="amily2_opt_footer">
</div>

View File

@@ -149,6 +149,22 @@
</div>
</div>
<!-- 移动端底部导航栏 -->
<div class="acc-mobile-nav">
<button class="acc-nav-btn" data-target="acc-left-panel">
<i class="fas fa-cog"></i>
<span>设置</span>
</button>
<button class="acc-nav-btn active" data-target="acc-center-panel">
<i class="fas fa-comments"></i>
<span>聊天</span>
</button>
<button class="acc-nav-btn" data-target="acc-right-panel">
<i class="fas fa-eye"></i>
<span>预览</span>
</button>
</div>
<!-- 最小化后的图标 -->
<div id="acc-minimized-icon" class="acc-minimized-icon" style="display: none;">
<i class="fas fa-robot"></i>

View File

@@ -640,3 +640,82 @@
text-decoration: line-through;
text-decoration-color: rgba(255, 255, 255, 0.4);
}
/* Mobile Navigation */
.acc-mobile-nav {
display: none;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 60px;
background-color: #252526;
border-top: 1px solid #333;
z-index: 2002;
justify-content: space-around;
align-items: center;
}
.acc-nav-btn {
background: none;
border: none;
color: #888;
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
font-size: 12px;
cursor: pointer;
padding: 8px;
flex: 1;
}
.acc-nav-btn.active {
color: #0e639c;
}
.acc-nav-btn i {
font-size: 18px;
}
/* Responsive Styles */
@media (max-width: 768px) {
.acc-mobile-nav {
display: flex;
}
.acc-body {
padding-bottom: 60px; /* Space for nav */
}
.acc-column {
width: 100% !important;
border-right: none;
display: none; /* Hidden by default on mobile */
height: 100%;
}
/* Show center panel by default or via JS class */
.acc-column.mobile-active {
display: flex;
}
/* Adjust header */
.acc-title {
display: none; /* Hide title on small screens */
}
.acc-header {
padding: 5px 10px;
}
/* Adjust panels */
.acc-left-panel, .acc-right-panel {
min-width: 100%;
}
/* Adjust chat input */
.acc-input-area {
padding: 10px;
}
}

View File

@@ -402,6 +402,24 @@ function bindEvents() {
toastr.error(`连接失败: ${result.error || '未知错误'}`);
}
});
// Mobile Navigation Logic
$('.acc-nav-btn').on('click', function() {
const targetClass = $(this).data('target');
// Update buttons
$('.acc-nav-btn').removeClass('active');
$(this).addClass('active');
// Update panels
$('.acc-column').removeClass('mobile-active');
$(`.${targetClass}`).addClass('mobile-active');
});
// Initialize mobile view (default to center panel)
if (window.innerWidth <= 768) {
$('.acc-center-panel').addClass('mobile-active');
}
}
async function handleSendMessage() {