sc

2026-01-30 14:08:23 +08:00
parent 36482fb428
commit ff3b306de0
38 changed files with 5491 additions and 190 deletions
--- a/src/pages/student/analysis.vue
+++ b/src/pages/student/analysis.vue
@@ -472,4 +472,148 @@
  .ranking-cell.count {
    color: #67c23a;
  }
+  
+  /* 平板和大屏响应式 */
+  @media screen and (min-width: 768px) {
+    .learning-analysis-container {
+      max-width: 900px;
+      margin: 0 auto;
+      width: 100%;
+    }
+    
+    .filter-section,
+    .core-data-section,
+    .trend-section,
+    .distribution-section,
+    .ranking-section {
+      margin: 0 32rpx 24rpx;
+      padding: 40rpx;
+    }
+    
+    .page-header {
+      padding: 0 48rpx;
+    }
+    
+    .header-title {
+      font-size: 36rpx;
+    }
+    
+    .export-btn {
+      font-size: 26rpx;
+    }
+    
+    .section-title {
+      font-size: 36rpx;
+      margin-bottom: 32rpx;
+    }
+    
+    .filter-row {
+      gap: 32rpx;
+    }
+    
+    .filter-label {
+      font-size: 26rpx;
+    }
+    
+    .picker-text {
+      font-size: 26rpx;
+    }
+    
+    .data-item {
+      gap: 12rpx;
+    }
+    
+    .data-value {
+      font-size: 32rpx;
+    }
+    
+    .data-label {
+      font-size: 20rpx;
+    }
+    
+    .chart-placeholder {
+      padding: 64rpx;
+    }
+    
+    .chart-rect {
+      height: 350rpx;
+    }
+    
+    .chart-text {
+      font-size: 26rpx;
+    }
+    
+    .trend-hint,
+    .distribution-hint {
+      font-size: 22rpx;
+    }
+    
+    .header-item {
+      font-size: 22rpx;
+    }
+    
+    .ranking-item {
+      padding: 20rpx;
+    }
+    
+    .ranking-cell {
+      font-size: 22rpx;
+    }
+  }
+  
+  /* 大屏设备响应式 */
+  @media screen and (min-width: 1024px) {
+    .learning-analysis-container {
+      max-width: 1000px;
+    }
+    
+    .header-title {
+      font-size: 40rpx;
+    }
+    
+    .export-btn {
+      font-size: 28rpx;
+    }
+    
+    .section-title {
+      font-size: 40rpx;
+    }
+    
+    .filter-label {
+      font-size: 28rpx;
+    }
+    
+    .picker-text {
+      font-size: 28rpx;
+    }
+    
+    .data-value {
+      font-size: 36rpx;
+    }
+    
+    .data-label {
+      font-size: 22rpx;
+    }
+    
+    .chart-rect {
+      height: 400rpx;
+    }
+    
+    .chart-text {
+      font-size: 28rpx;
+    }
+    
+    .trend-hint,
+    .distribution-hint {
+      font-size: 24rpx;
+    }
+    
+    .header-item {
+      font-size: 24rpx;
+    }
+    
+    .ranking-cell {
+      font-size: 24rpx;
+    }
+  }
 </style>