feat: 概览统计卡片单行自适应，最小宽度后横向滚动(隐藏滚动条)

2026-08-04 18:05:04 +08:00
parent b5342b32a4
commit 224eac0048
1 changed files with 12 additions and 3 deletions
@@ -307,15 +307,24 @@ onMounted(() => {
  margin-bottom: 16px;
 }

-/* 概览统计（Statistic 卡片） */
+/* 概览统计（Statistic 卡片，单行自适应 + 无滚动条横向滚动） */
 .overview__stats {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+  display: flex;
+  flex-wrap: nowrap;
  gap: 16px;
  margin-bottom: 28px;
+  overflow-x: auto;
+  scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none; /* IE/Edge */
+}
+
+.overview__stats::-webkit-scrollbar {
+  display: none;
 }

 .overview__stat-card {
+  flex: 1 1 0;
+  min-width: 160px;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 8px;