init

2025-11-17 14:11:46 +08:00
commit ad4a600af9
1659 changed files with 171560 additions and 0 deletions
--- a/admin/src/styles/index.scss
+++ b/admin/src/styles/index.scss
@@ -0,0 +1,193 @@
+// 全局样式文件
+
+// 重置样式
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+html, body {
+  height: 100%;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+}
+
+// 布局样式
+.admin-layout {
+  height: 100vh;
+  
+  .sidebar {
+    background: #001529;
+    
+    .logo {
+      height: 64px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: #fff;
+      font-size: 18px;
+      font-weight: bold;
+      border-bottom: 1px solid #1f1f1f;
+    }
+  }
+  
+  .main-content {
+    background: #f0f2f5;
+    
+    .header {
+      background: #fff;
+      padding: 0 24px;
+      box-shadow: 0 1px 4px rgba(0,21,41,.08);
+      
+      .header-left {
+        display: flex;
+        align-items: center;
+        
+        .breadcrumb {
+          margin-left: 16px;
+        }
+      }
+      
+      .header-right {
+        display: flex;
+        align-items: center;
+        gap: 16px;
+      }
+    }
+    
+    .content {
+      padding: 24px;
+      min-height: calc(100vh - 64px);
+    }
+  }
+}
+
+// 页面容器
+.page-container {
+  background: #fff;
+  border-radius: 8px;
+  padding: 24px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+// 工具栏
+.toolbar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 16px;
+  
+  .toolbar-left {
+    display: flex;
+    gap: 8px;
+  }
+  
+  .toolbar-right {
+    display: flex;
+    gap: 8px;
+  }
+}
+
+// 表格样式
+.data-table {
+  .el-table {
+    border: 1px solid #ebeef5;
+    border-radius: 4px;
+  }
+  
+  .table-actions {
+    display: flex;
+    gap: 8px;
+  }
+}
+
+// 表单样式
+.form-container {
+  max-width: 600px;
+  
+  .form-actions {
+    display: flex;
+    justify-content: flex-end;
+    gap: 12px;
+    margin-top: 24px;
+  }
+}
+
+// 状态标签
+.status-tag {
+  &.active {
+    background: #f6ffed;
+    border-color: #b7eb8f;
+    color: #52c41a;
+  }
+  
+  &.inactive {
+    background: #fff2f0;
+    border-color: #ffccc7;
+    color: #ff4d4f;
+  }
+}
+
+// 统计卡片
+.stat-card {
+  background: #fff;
+  border-radius: 8px;
+  padding: 24px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  
+  .stat-title {
+    color: #666;
+    font-size: 14px;
+    margin-bottom: 8px;
+  }
+  
+  .stat-value {
+    font-size: 28px;
+    font-weight: bold;
+    color: #333;
+  }
+  
+  .stat-trend {
+    margin-top: 8px;
+    font-size: 12px;
+    
+    &.up {
+      color: #52c41a;
+    }
+    
+    &.down {
+      color: #ff4d4f;
+    }
+  }
+}
+
+// Element Plus 组件样式覆盖
+// 图片预览组件层级调整
+.el-image-viewer__wrapper {
+  z-index: 9999 !important;
+}
+
+.el-image-viewer__mask {
+  z-index: 9998 !important;
+}
+
+.el-image-viewer__btn {
+  z-index: 10000 !important;
+}
+
+// 响应式
+@media (max-width: 768px) {
+  .admin-layout {
+    .main-content {
+      .content {
+        padding: 16px;
+      }
+    }
+  }
+  
+  .toolbar {
+    flex-direction: column;
+    align-items: stretch;
+    gap: 12px;
+  }
+}