调整部分页面样式布局

pages/mall/admin/order/list.uvue

@@ -1,8 +1,9 @@
 <template>
-  <view class="order-list-page">
-    <!-- 筛选区域 -->
-    <view class="filter-card">
-      <view class="filter-row">
+  <view class="admin-page">
+    <view class="admin-sections">
+      <!-- 筛选区域 -->
+      <view class="admin-card filter-card">
+        <view class="filter-row">
         <view class="filter-item">
           <text class="label">订单类型：</text>
           <view class="mock-select">
@@ -42,7 +43,7 @@
     </view>
 
     <!-- 列表数据区域 -->
-    <view class="content-card">
+    <view class="admin-card content-card">
       <!-- 状态 Tabs -->
       <view class="status-tabs">
         <view 
@@ -133,6 +134,7 @@
         </view>
       </view>
     </view>
+    </view>
   </view>
 </template>
 
@@ -222,17 +224,7 @@ const orderData = ref([
 </script>
 
 <style scoped lang="scss">
-.order-list-page {
-  padding: 16px;
-  background-color: #f0f2f5;
-  min-height: 100vh;
-}
-
 .filter-card {
-  background-color: #fff;
-  padding: 24px;
-  border-radius: 4px;
-  margin-bottom: 16px;
 }
 
 .filter-row {
@@ -338,8 +330,6 @@ const orderData = ref([
 .btn-default { background-color: #fff; color: #595959; border: 1px solid #d9d9d9; }
 
 .content-card {
-  background-color: #fff;
-  border-radius: 4px;
 }
 
 .status-tabs {