feat: 导航按钮移到底部操作栏左侧
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user