feat: 导航按钮移到底部操作栏左侧

This commit is contained in:
2026-04-22 22:00:22 +08:00
parent e4115b8baa
commit cc54fd52c6

View File

@@ -1231,7 +1231,6 @@ INDEX_TEMPLATE = '''
max-height: calc(100vh - 150px);
overflow-y: auto;
padding: 15px;
padding-top: 50px; /* 给导航按钮留空间 */
position: relative;
}
#detailModal .modal-dialog {
@@ -1258,21 +1257,6 @@ INDEX_TEMPLATE = '''
.modal-resize-handle:hover {
background: linear-gradient(135deg, transparent 50%, #0d6efd 50%);
}
.detail-nav-buttons {
position: absolute;
right: 15px;
top: 10px;
display: flex;
gap: 5px;
z-index: 100;
background: rgba(255,255,255,0.9);
padding: 5px;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.detail-nav-buttons .btn {
padding: 6px 10px;
}
.detail-modal-footer {
position: sticky;
bottom: 0;
@@ -1280,6 +1264,8 @@ INDEX_TEMPLATE = '''
border-top: 1px solid #dee2e6;
z-index: 10;
padding: 10px 15px;
display: flex;
align-items: center;
}
.star-btn { font-size: 11px; }
.status-pending { color: #ffc107; }
@@ -1589,20 +1575,20 @@ INDEX_TEMPLATE = '''
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body detail-modal-body">
<!-- 导航按钮 -->
<div class="detail-nav-buttons">
<button class="btn btn-sm btn-outline-secondary" onclick="scrollDetailToTop()" title="回到顶部">
<i class="bi bi-arrow-up"></i>
</button>
<button class="btn btn-sm btn-outline-secondary" onclick="scrollDetailToBottom()" title="去到底部">
<i class="bi bi-arrow-down"></i>
</button>
</div>
<div id="detailContent">
<!-- 动态填充 -->
</div>
</div>
<div class="modal-footer detail-modal-footer">
<!-- 左侧导航按钮 -->
<div class="me-auto">
<button class="btn btn-sm btn-outline-secondary me-2" onclick="scrollDetailToTop()" title="回到顶部">
<i class="bi bi-arrow-up"></i>
</button>
<button class="btn btn-sm btn-outline-secondary me-2" onclick="scrollDetailToBottom()" title="去到底部">
<i class="bi bi-arrow-down"></i>
</button>
</div>
<button type="button" class="btn btn-outline-secondary" id="detailConvertBtn" onclick="showConvertModalFromDetail()" style="display:none;">
<i class="bi bi-arrow-repeat"></i> 转为待办
</button>