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>

src/pages/account/manage.vue

@@ -387,4 +387,89 @@
     font-size: 24rpx;
     color: #909399;
   }
+  
+  /* 平板和大屏响应式 */
+  @media screen and (min-width: 768px) {
+    .account-manage-container {
+      max-width: 1000px;
+      margin: 0 auto;
+      width: 100%;
+    }
+    
+    .filter-section {
+      margin: 0 32rpx 24rpx;
+      padding: 32rpx;
+    }
+    
+    .account-list {
+      padding: 0 32rpx;
+    }
+    
+    .account-item {
+      margin-bottom: 24rpx;
+      padding: 32rpx;
+    }
+    
+    .filter-row {
+      gap: 32rpx;
+    }
+    
+    .filter-label {
+      font-size: 26rpx;
+    }
+    
+    .picker-text,
+    .search-input {
+      font-size: 26rpx;
+    }
+    
+    .filter-control {
+      padding: 20rpx;
+    }
+    
+    .account-name {
+      font-size: 32rpx;
+    }
+    
+    .meta-item {
+      font-size: 22rpx;
+    }
+    
+    .action-btn {
+      font-size: 22rpx;
+      padding: 12rpx 24rpx;
+    }
+    
+    .add-btn {
+      font-size: 28rpx;
+    }
+  }
+  
+  /* 大屏设备响应式 */
+  @media screen and (min-width: 1024px) {
+    .account-manage-container {
+      max-width: 1200px;
+    }
+    
+    .filter-label {
+      font-size: 28rpx;
+    }
+    
+    .picker-text,
+    .search-input {
+      font-size: 28rpx;
+    }
+    
+    .account-name {
+      font-size: 34rpx;
+    }
+    
+    .meta-item {
+      font-size: 24rpx;
+    }
+    
+    .action-btn {
+      font-size: 24rpx;
+    }
+  }
 </style>

src/pages/account/personal.vue

@@ -407,4 +407,93 @@
     font-size: 24rpx;
     color: #909399;
   }
+  
+  /* 平板和大屏响应式 */
+  @media screen and (min-width: 768px) {
+    .personal-account-container {
+      max-width: 900px;
+      margin: 0 auto;
+      width: 100%;
+    }
+    
+    .info-section,
+    .security-section,
+    .account-info-section {
+      margin: 0 32rpx 24rpx;
+      padding: 40rpx;
+    }
+    
+    .section-title {
+      font-size: 36rpx;
+      margin-bottom: 32rpx;
+    }
+    
+    .info-row {
+      flex-direction: row;
+      gap: 32rpx;
+    }
+    
+    .info-item {
+      flex: 1;
+    }
+    
+    .info-label {
+      font-size: 26rpx;
+    }
+    
+    .info-input,
+    .info-text,
+    .info-value,
+    .picker-text {
+      font-size: 26rpx;
+    }
+    
+    .info-control {
+      padding: 20rpx;
+    }
+    
+    .security-item {
+      padding: 32rpx;
+    }
+    
+    .security-label {
+      font-size: 26rpx;
+    }
+    
+    .security-status {
+      font-size: 22rpx;
+    }
+  }
+  
+  /* 大屏设备响应式 */
+  @media screen and (min-width: 1024px) {
+    .personal-account-container {
+      max-width: 1000px;
+    }
+    
+    .info-section,
+    .security-section,
+    .account-info-section {
+      padding: 48rpx;
+    }
+    
+    .section-title {
+      font-size: 40rpx;
+    }
+    
+    .info-label {
+      font-size: 28rpx;
+    }
+    
+    .info-input,
+    .info-text,
+    .info-value,
+    .picker-text {
+      font-size: 28rpx;
+    }
+    
+    .security-label {
+      font-size: 28rpx;
+    }
+  }
 </style>

src/pages/account/quota.vue

@@ -434,21 +434,141 @@
     color: #f56c6c;
   }
   
-  /* 响应式设计 */
-  @media screen and (min-width: 500px) {
+  /* 平板和大屏响应式 */
+  @media screen and (min-width: 768px) {
     .quota-manage-container {
       max-width: 900px;
       margin: 0 auto;
+      width: 100%;
+    }
+    
+    .filter-section {
+      margin: 0 32rpx 24rpx;
+      padding: 32rpx;
+    }
+    
+    .total-quota-section,
+    .distributor-quota-section {
+      margin: 0 32rpx 24rpx;
+      padding: 40rpx;
+    }
+    
+    .quota-stats {
+      margin: 0 32rpx 32rpx;
+      padding: 32rpx;
+    }
+    
+    .section-title {
+      font-size: 36rpx;
+      margin-bottom: 32rpx;
+    }
+    
+    .filter-label {
+      font-size: 26rpx;
+    }
+    
+    .picker-text {
+      font-size: 26rpx;
+    }
+    
+    .filter-control {
+      padding: 20rpx;
+    }
+    
+    .quota-item {
+      margin-bottom: 24rpx;
+    }
+    
+    .quota-label {
+      font-size: 26rpx;
     }
     
     .quota-input {
-      width: 160rpx;
-      height: 72rpx;
+      width: 180rpx;
+      height: 80rpx;
       font-size: 28rpx;
+      padding: 0 20rpx;
+    }
+    
+    .quota-unit {
+      font-size: 26rpx;
+    }
+    
+    .quota-hint {
+      font-size: 22rpx;
     }
     
     .distributor-name {
       font-size: 28rpx;
     }
+    
+    .distributor-id {
+      font-size: 22rpx;
+    }
+    
+    .stats-label {
+      font-size: 26rpx;
+    }
+    
+    .stats-value {
+      font-size: 32rpx;
+    }
+    
+    .quota-list {
+      gap: 24rpx;
+    }
+  }
+  
+  /* 大屏设备响应式 */
+  @media screen and (min-width: 1024px) {
+    .quota-manage-container {
+      max-width: 1000px;
+    }
+    
+    .section-title {
+      font-size: 40rpx;
+    }
+    
+    .filter-label {
+      font-size: 28rpx;
+    }
+    
+    .picker-text {
+      font-size: 28rpx;
+    }
+    
+    .quota-label {
+      font-size: 28rpx;
+    }
+    
+    .quota-input {
+      width: 200rpx;
+      height: 90rpx;
+      font-size: 32rpx;
+    }
+    
+    .quota-unit {
+      font-size: 28rpx;
+    }
+    
+    .quota-hint {
+      font-size: 24rpx;
+    }
+    
+    .distributor-name {
+      font-size: 32rpx;
+    }
+    
+    .distributor-id {
+      font-size: 24rpx;
+    }
+    
+    .stats-label {
+      font-size: 28rpx;
+    }
+    
+    .stats-value {
+      font-size: 36rpx;
+    }
   }
 </style>