sc

src/pages/account/log.vue

@@ -487,4 +487,100 @@
     color: #909399;
     cursor: not-allowed;
   }
+  
+  /* 平板和大屏响应式 */
+  @media screen and (min-width: 768px) {
+    .log-manage-container {
+      max-width: 1000px;
+      margin: 0 auto;
+      width: 100%;
+    }
+    
+    .filter-section,
+    .pagination {
+      margin: 0 32rpx 24rpx;
+      padding: 32rpx;
+    }
+    
+    .log-list {
+      padding: 0 32rpx;
+    }
+    
+    .log-item {
+      margin-bottom: 24rpx;
+      padding: 32rpx;
+    }
+    
+    .filter-row {
+      gap: 32rpx;
+    }
+    
+    .filter-item {
+      min-width: 250rpx;
+    }
+    
+    .filter-label {
+      font-size: 26rpx;
+    }
+    
+    .picker-text,
+    .search-input {
+      font-size: 26rpx;
+    }
+    
+    .filter-control {
+      padding: 20rpx;
+    }
+    
+    .log-time,
+    .log-detail,
+    .log-meta,
+    .page-info {
+      font-size: 22rpx;
+    }
+    
+    .log-status {
+      font-size: 22rpx;
+      padding: 6rpx 16rpx;
+    }
+    
+    .log-operation {
+      font-size: 28rpx;
+    }
+    
+    .page-btn {
+      font-size: 22rpx;
+      padding: 12rpx 24rpx;
+    }
+  }
+  
+  /* 大屏设备响应式 */
+  @media screen and (min-width: 1024px) {
+    .log-manage-container {
+      max-width: 1200px;
+    }
+    
+    .filter-item {
+      min-width: 300rpx;
+    }
+    
+    .filter-label {
+      font-size: 28rpx;
+    }
+    
+    .picker-text,
+    .search-input {
+      font-size: 28rpx;
+    }
+    
+    .log-operation {
+      font-size: 30rpx;
+    }
+    
+    .log-time,
+    .log-detail,
+    .log-meta {
+      font-size: 24rpx;
+    }
+  }
 </style>