| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879 |
- <!DOCTYPE html>
- <html lang="zh-CN">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>{% block title %}期货数据管理系统{% endblock %}</title>
- <!-- Bootstrap CSS -->
- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
- <!-- Font Awesome -->
- <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
- <!-- Custom CSS -->
- <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
- <style>
- /* 固定表头 */
- .table thead th {
- position: -webkit-sticky; /* for Safari */
- position: sticky;
- top: 0; /* 或者根据你的导航栏高度调整 */
- background-color: #f8f9fa; /* 表头背景色,避免下方内容透上来 */
- z-index: 1020; /* 确保表头在其他元素之上,小于导航栏 */
- }
- /* 解决边框问题 */
- .table-responsive {
- overflow: visible; /* 允许粘性定位生效 */
- }
- </style>
- {% block styles %}{% endblock %}
- </head>
- <body>
- <!-- 导航栏 -->
- <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
- <div class="container">
- <a class="navbar-brand" href="{{ url_for('index') }}">期货数据管理系统</a>
- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
- <span class="navbar-toggler-icon"></span>
- </button>
- <div class="collapse navbar-collapse" id="navbarNav">
- <ul class="navbar-nav mr-auto">
- <li class="nav-item">
- <a class="nav-link" href="{{ url_for('future_info.index') }}">期货基础信息</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="{{ url_for('transaction.index') }}">交易记录</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="{{ url_for('trade.index') }}">交易汇总</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="{{ url_for('monitor.index') }}">标的监控</a>
- </li>
- </ul>
- </div>
- </div>
- </nav>
- <!-- 主内容区 -->
- <div class="container mt-4">
- {% block content %}{% endblock %}
- </div>
- <!-- 页脚 -->
- <footer class="footer mt-5 py-3 bg-light">
- <div class="container">
- <span class="text-muted">© 2023 期货数据管理系统</span>
- </div>
- </footer>
- <!-- Toast容器 -->
- <div id="toast-container" class="toast-container position-fixed bottom-0 end-0 p-3"></div>
- <!-- jQuery -->
- <script src="https://cdn.staticfile.org/jquery/3.6.0/jquery.min.js"></script>
- <!-- Bootstrap Bundle with Popper -->
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
- <script src="{{ url_for('static', filename='js/main.js') }}"></script>
- {% block scripts %}{% endblock %}
- </body>
- </html>
|