调整部分页面样式布局

pages/mall/admin/user/statistics/index.uvue

@@ -1,9 +1,10 @@
 <template>
-  <view class="statistic-page">
-    <!-- 筛选栏 -->
-    <view class="filter-card">
-      <view class="filter-item">
-        <text class="filter-label">用户渠道：</text>
+  <view class="admin-page">
+    <view class="admin-sections">
+      <!-- 筛选栏 -->
+      <view class="admin-card filter-card">
+        <view class="filter-item">
+          <text class="filter-label">用户渠道：</text>
         <view class="select-box">
           <text class="select-text">全部</text>
           <text class="select-arrow">▼</text>
@@ -25,7 +26,7 @@
     </view>
 
     <!-- 用户概况卡片区 (使用 6-2-1 响应式网格) -->
-    <view class="section-card">
+    <view class="admin-card section-card">
       <view class="section-header">
         <text class="section-title">用户概况</text>
         <text class="info-icon">❓</text>
@@ -66,13 +67,14 @@
       </view>
     </view>
 
-    <!-- 地域分布与性别比例 -->
-    <view class="analysis-row">
-      <view class="map-col">
-        <AnalyticsUserMapTable />
-      </view>
-      <view class="gender-col">
-        <AnalyticsUserGenderSection />
+      <!-- 地域分布与性别比例 -->
+      <view class="analysis-row">
+        <view class="map-col">
+          <AnalyticsUserMapTable />
+        </view>
+        <view class="gender-col">
+          <AnalyticsUserGenderSection />
+        </view>
       </view>
     </view>
   </view>
@@ -114,21 +116,11 @@ function onExport() {
 </script>
 
 <style scoped>
-.statistic-page {
-  padding: 16px;
-  background-color: #f0f2f5;
-  min-height: 100vh;
-}
-
 .filter-card {
-  background-color: #fff;
-  border-radius: 4px;
-  padding: 16px 24px;
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 32px;
-  margin-bottom: 16px;
 }
 
 .filter-item {
@@ -200,10 +192,6 @@ function onExport() {
 }
 
 .section-card {
-  background-color: #fff;
-  border-radius: 8px;
-  padding: 20px;
-  margin-bottom: 20px;
   box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
 }
 
@@ -296,8 +284,7 @@ function onExport() {
 .analysis-row {
   display: grid;
   grid-template-columns: 2fr 1fr;
-  gap: 20px;
-  margin-top: 16px;
+  gap: var(--admin-section-gap);
   width: 100%;
 }