leiyun
/
pap_web


			
				
					
						
						
							
							<!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>
  <!-- 自定义样式（先加载，作为基础样式） -->
  <link rel="stylesheet" href="/static/css/admin.css">
  <!-- Tailwind CSS 4（后加载，工具类优先级更高） -->
  <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
  <!-- Element Plus CSS -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-plus@2.13.2/dist/index.css">
  <!-- Element Plus 主色调覆盖 -->
  <style>
    :root {
      --el-color-primary: #ff7800;
      --el-color-primary-light-1: #ff861a;
      --el-color-primary-light-2: #ff9333;
      --el-color-primary-light-3: #ffa14d;
      --el-color-primary-light-4: #ffae66;
      --el-color-primary-light-5: #ffbc80;
      --el-color-primary-light-6: #ffc999;
      --el-color-primary-light-7: #ffd7b3;
      --el-color-primary-light-8: #ffe4cc;
      --el-color-primary-light-9: #fff2e6;
      --el-color-primary-dark-2: #cc6000;
    }
    /* 修复 Tailwind CSS 4 与 Element Plus 表格冲突 */
    .el-table table { display: table; }
    .el-table thead { display: table-header-group; }
    .el-table tbody { display: table-row-group; }
    .el-table tr { display: table-row; }
    .el-table th, .el-table td { display: table-cell; }
  </style>
  {% block css %}{% endblock %}
</head>
<body data-page="{{ currentPage }}">
<div class="admin-layout" id="app">
  {% include "./common/_sidebar.html" %}

  <div class="main-area">
    {% include "./common/_header.html" %}

    <div class="page-content">
      {% block content %}{% endblock %}
    </div>
  </div>
</div>

<!-- Vue 3.5 -->
<script src="https://cdn.jsdelivr.net/npm/vue@3.5/dist/vue.global.prod.js"></script>
<!-- Element Plus -->
<script src="https://cdn.jsdelivr.net/npm/element-plus@2.13.2/dist/index.full.min.js"></script>
<!-- Element Plus Icons -->
<script src="https://cdn.jsdelivr.net/npm/@element-plus/icons-vue"></script>
<!-- Element Plus 中文语言包 -->
<script src="https://cdn.jsdelivr.net/npm/element-plus@2.13.2/dist/locale/zh-cn.min.js"></script>
{% block js %}{% endblock %}
<script>
// 菜单展开/收起
document.querySelectorAll('.menu-parent > .menu-item').forEach(item => {
  item.addEventListener('click', () => {
    item.parentElement.classList.toggle('open');
  });
});
</script>
</body>
</html>