<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}My Website{% endblock %}</title>
<link rel="stylesheet" href="{{ url_for('main.static', filename='css/bootstrap.min.css') }}">
<link href="{{ url_for('main.static', filename='css/headers.css') }}" rel="stylesheet">
<style>
.bi {
vertical-align: -.125em;
fill: currentColor;
}
.form-label {
font-weight: bold;
font-size: 1.2rem;
}
.form-group {
margin-bottom: 1rem;
}
#spinnerOverlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.7); /* 半透明的背景 */
display: flex;
justify-content: center;
align-items: center;
z-index: 1060; /* 确保在最上层显示 */
}
/* 确保 Spinners 的大小合适 */
#spinnerOverlay .spinner-border {
width: 3rem;
height: 3rem;
}
{% block style %}{% endblock %}
</style>
</head>
<body>
{% include 'header.html' %}
<!-- Modal Structure -->
<div class="modal fade" id="responseModal" tabindex="-1" aria-labelledby="responseModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title" id="responseModalLabel">提示信息</h3>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body" id="modalMessage">
<!-- The message from the server will be inserted here -->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div id="spinnerOverlay" style="display: none;">
<div class="d-flex align-items-center">
<div class="spinner-border text-primary" role="status" aria-hidden="true"></div>
<span class="ml-3"><H5>设置中，需要重启线程，请稍候...</H5></span>
</div>
</div>
<main class="p-0 mb-0">
{% block content %}{% endblock %}
</main>
{% include 'footer.html' %}
<script src="{{ url_for('main.static', filename='scripts/bootstrap.bundle.min.js') }}"></script>
<script src="{{ url_for('main.static', filename='scripts/base.js') }}"></script>
{% block script %}{% endblock %}
</body>
</html>