<!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"> {% block style_link %}{% endblock %} <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> {% block modal %}{% endblock %} <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>