From 73498128dde533e8984c8bc2ebcca43253e46fb6 Mon Sep 17 00:00:00 2001
From: cyh666666 <2398882793@qq.com>
Date: Thu, 22 Jan 2026 17:07:39 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=88=9D=E6=AC=A1=E6=8F=90=E4=BA=A4?=
 =?UTF-8?q?=E6=88=91=E7=9A=84=E9=A1=B9=E7=9B=AE=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .hbuilderx/launch.json                        |    9 +
 ak/config.uts                                 |    4 +-
 components/supadb/aksupainstance - 副本.uts   |   18 +
 components/supadb/aksupainstance.uts          |   43 +-
 main - 副本.uts                               |   14 +
 main.uts                                      |   10 +-
 pages - 副本 (2).json                         |  118 +
 pages - 副本.json                             |  213 ++
 pages.json                                    |  204 +-
 pages/mall/consumer/address-edit.uvue         |  793 +++++++
 pages/mall/consumer/address.uvue              |  474 ++++
 pages/mall/consumer/cart - 副本.uvue          |  810 +++++++
 pages/mall/consumer/cart.uvue                 |  529 +++++
 pages/mall/consumer/category - 副本.uvue      |  526 +++++
 pages/mall/consumer/category.uvue             |  361 +++
 pages/mall/consumer/chat.uvue                 |  593 +++++
 pages/mall/consumer/checkout.uvue             |  739 ++++++
 pages/mall/consumer/coupons.uvue              |  590 +++++
 pages/mall/consumer/favorites.uvue            |  694 ++++++
 pages/mall/consumer/footprint.uvue            |  674 ++++++
 pages/mall/consumer/index - 副本 (2).uvue     | 1455 ++++++++++++
 pages/mall/consumer/index - 副本 (3).uvue     | 1550 +++++++++++++
 pages/mall/consumer/index - 副本.uvue         | 1239 ++++++++++
 pages/mall/consumer/index.uvue                | 2029 +++++++++++------
 pages/mall/consumer/indexback.uvue            | 1550 +++++++++++++
 pages/mall/consumer/messages.uvue             |  634 +++++
 pages/mall/consumer/orders - 副本.uvue        | 1011 ++++++++
 pages/mall/consumer/orders.uvue               |  908 ++++++++
 pages/mall/consumer/payment.uvue              |  755 ++++++
 pages/mall/consumer/refund.uvue               |  858 +++++++
 pages/mall/consumer/review.uvue               |  772 +++++++
 pages/mall/consumer/search.uvue               |   13 +
 pages/mall/consumer/settings.uvue             |  698 ++++++
 pages/mall/consumer/wallet.uvue               |  950 ++++++++
 static/images/default-banner.png              |    0
 static/images/default-product.png             |    0
 types/mall-types - 副本.uts                   |  365 +++
 types/mall-types.uts                          |   70 +
 .../.app-android/tsc/app-android/.tsbuildInfo |    1 +
 39 files changed, 21439 insertions(+), 835 deletions(-)
 create mode 100644 .hbuilderx/launch.json
 create mode 100644 components/supadb/aksupainstance - 副本.uts
 create mode 100644 main - 副本.uts
 create mode 100644 pages - 副本 (2).json
 create mode 100644 pages - 副本.json
 create mode 100644 pages/mall/consumer/address-edit.uvue
 create mode 100644 pages/mall/consumer/address.uvue
 create mode 100644 pages/mall/consumer/cart - 副本.uvue
 create mode 100644 pages/mall/consumer/cart.uvue
 create mode 100644 pages/mall/consumer/category - 副本.uvue
 create mode 100644 pages/mall/consumer/category.uvue
 create mode 100644 pages/mall/consumer/chat.uvue
 create mode 100644 pages/mall/consumer/checkout.uvue
 create mode 100644 pages/mall/consumer/coupons.uvue
 create mode 100644 pages/mall/consumer/favorites.uvue
 create mode 100644 pages/mall/consumer/footprint.uvue
 create mode 100644 pages/mall/consumer/index - 副本 (2).uvue
 create mode 100644 pages/mall/consumer/index - 副本 (3).uvue
 create mode 100644 pages/mall/consumer/index - 副本.uvue
 create mode 100644 pages/mall/consumer/indexback.uvue
 create mode 100644 pages/mall/consumer/messages.uvue
 create mode 100644 pages/mall/consumer/orders - 副本.uvue
 create mode 100644 pages/mall/consumer/orders.uvue
 create mode 100644 pages/mall/consumer/payment.uvue
 create mode 100644 pages/mall/consumer/refund.uvue
 create mode 100644 pages/mall/consumer/review.uvue
 create mode 100644 pages/mall/consumer/search.uvue
 create mode 100644 pages/mall/consumer/settings.uvue
 create mode 100644 pages/mall/consumer/wallet.uvue
 create mode 100644 static/images/default-banner.png
 create mode 100644 static/images/default-product.png
 create mode 100644 types/mall-types - 副本.uts
 create mode 100644 unpackage/cache/.app-android/tsc/app-android/.tsbuildInfo

diff --git a/.hbuilderx/launch.json b/.hbuilderx/launch.json
new file mode 100644
index 00000000..8ae452a8
--- /dev/null
+++ b/.hbuilderx/launch.json
@@ -0,0 +1,9 @@
+{
+    "version" : "1.0",
+    "configurations" : [
+        {
+            "playground" : "standard",
+            "type" : "uni-app:app-android"
+        }
+    ]
+}
diff --git a/ak/config.uts b/ak/config.uts
index 93ff692b..fdd0db6d 100644
--- a/ak/config.uts
+++ b/ak/config.uts
@@ -4,8 +4,8 @@
 // export const SUPA_KEY: string = 'your-anon-key'
 
 // 生产环境 - Supabase 云服务
-export const SUPA_URL: string = 'https://ak3.oulog.com'
-export const SUPA_KEY: string = 'your-anon-key'
+//export const SUPA_URL: string = 'https://ak3.oulog.com'
+//export const SUPA_KEY: string = 'your-anon-key'
 
 // WebSocket 实时连接
 export const WS_URL: string = 'wss://ak3.oulog.com/realtime/v1/websocket'
diff --git a/components/supadb/aksupainstance - 副本.uts b/components/supadb/aksupainstance - 副本.uts
new file mode 100644
index 00000000..a47b3f3e
--- /dev/null
+++ b/components/supadb/aksupainstance - 副本.uts	
@@ -0,0 +1,18 @@
+//import AkSupa from './aksupa.uts'
+//import { SUPA_URL, SUPA_KEY } from '@/ak/config.uts'
+
+//const supa = new AkSupa(SUPA_URL, SUPA_KEY)
+
+//const supaReady: Promise<boolean> = (async () => {
+///	try {
+		// await supa.signIn('akoo@163.com', 'Hf2152111')
+//		await supa.signIn('am@163.com', 'kookoo')
+//		return true
+//	} catch (err) {
+//		console.error('Supabase auto sign-in failed', err)
+//		return false
+//	}
+//})()
+
+//export { supaReady }
+//export default supa
\ No newline at end of file
diff --git a/components/supadb/aksupainstance.uts b/components/supadb/aksupainstance.uts
index 1b25ca34..928fe829 100644
--- a/components/supadb/aksupainstance.uts
+++ b/components/supadb/aksupainstance.uts
@@ -1,18 +1,31 @@
-import AkSupa from './aksupa.uts'
-import { SUPA_URL, SUPA_KEY } from '@/ak/config.uts'
+// /components/supadb/aksupainstance.uts
+import { createClient } from './aksupa.uts'
 
-const supa = new AkSupa(SUPA_URL, SUPA_KEY)
+// 创建并导出 Supabase 客户端实例
+const supabaseUrl = 'https://your-project.supabase.co' // 替换为你的 Supabase URL
+const supabaseAnonKey = 'your-anon-key' // 替换为你的匿名密钥
 
-const supaReady: Promise<boolean> = (async () => {
-	try {
-		// await supa.signIn('akoo@163.com', 'Hf2152111')
-		await supa.signIn('am@163.com', 'kookoo')
-		return true
-	} catch (err) {
-		console.error('Supabase auto sign-in failed', err)
-		return false
-	}
-})()
+export const supabase = createClient(supabaseUrl, supabaseAnonKey)
 
-export { supaReady }
-export default supa
\ No newline at end of file
+// 导出 Supabase 实例就绪状态
+export const isSupabaseReady = true
+
+// 如果有其他需要导出的函数，可以这样导出：
+export function initializeSupabase(url: string, key: string) {
+    return createClient(url, key)
+}
+
+// 检查连接状态的函数
+export function checkConnection() {
+    return new Promise((resolve) => {
+        // 模拟连接检查
+        setTimeout(() => {
+            resolve(true)
+        }, 500)
+    })
+}
+
+// 不再使用 supaready 变量，而是提供函数
+export async function ensureSupabaseReady() {
+    return await checkConnection()
+}
\ No newline at end of file
diff --git a/main - 副本.uts b/main - 副本.uts
new file mode 100644
index 00000000..234c8c9b
--- /dev/null
+++ b/main - 副本.uts	
@@ -0,0 +1,14 @@
+import { createSSRApp } from 'vue'
+import App from './App.uvue'
+import i18n from '@/uni_modules/i18n/index.uts'
+
+export function createApp() {
+  const app = createSSRApp(App)
+  
+  // 注册 i18n 全局属性，使组件可以使用 $t 方法
+  app.config.globalProperties.$t = (key: string, values?: any, locale?: string): string => {
+    return i18n.global.t(key, values, locale)
+  }
+  
+  return { app }
+}
diff --git a/main.uts b/main.uts
index 234c8c9b..a6f3b3e4 100644
--- a/main.uts
+++ b/main.uts
@@ -6,9 +6,13 @@ export function createApp() {
   const app = createSSRApp(App)
   
   // 注册 i18n 全局属性，使组件可以使用 $t 方法
-  app.config.globalProperties.$t = (key: string, values?: any, locale?: string): string => {
-    return i18n.global.t(key, values, locale)
-  }
+	app.config.globalProperties.$t = (key: string, values?: any, locale?: string): string => {
+		if (!i18n.global) {
+			console.error('i18n is not initialized')
+			return key
+		}
+		return i18n.global.t(key, values, locale) || key
+	}
   
   return { app }
 }
diff --git a/pages - 副本 (2).json b/pages - 副本 (2).json
new file mode 100644
index 00000000..765ececb
--- /dev/null
+++ b/pages - 副本 (2).json	
@@ -0,0 +1,118 @@
+{
+  "pages": [
+    // 消费者端页面
+    {
+      "path": "pages/mall/consumer/index",
+      "style": {
+        "navigationBarTitleText": "商城首页",
+        "enablePullDownRefresh": true
+      }
+    },
+    {
+      "path": "pages/mall/consumer/category",
+      "style": {
+        "navigationBarTitleText": "商品分类"
+      }
+    },
+    {
+      "path": "pages/mall/consumer/search",
+      "style": {
+        "navigationBarTitleText": "搜索商品",
+        "navigationStyle": "custom"
+      }
+    },
+    {
+      "path": "pages/mall/consumer/product-detail",
+      "style": {
+        "navigationBarTitleText": "商品详情"
+      }
+    },
+    {
+      "path": "pages/mall/consumer/cart",
+      "style": {
+        "navigationBarTitleText": "购物车"
+      }
+    },
+    {
+      "path": "pages/mall/consumer/orders",
+      "style": {
+        "navigationBarTitleText": "我的订单",
+        "enablePullDownRefresh": true
+      }
+    },
+    {
+      "path": "pages/mall/consumer/order-detail",
+      "style": {
+        "navigationBarTitleText": "订单详情"
+      }
+    },
+    {
+      "path": "pages/mall/consumer/address",
+      "style": {
+        "navigationBarTitleText": "收货地址"
+      }
+    },
+    {
+      "path": "pages/mall/consumer/address-edit",
+      "style": {
+        "navigationBarTitleText": "编辑地址"
+      }
+    },
+    {
+      "path": "pages/mall/consumer/coupons",
+      "style": {
+        "navigationBarTitleText": "我的优惠券"
+      }
+    },
+    {
+      "path": "pages/mall/consumer/favorites",
+      "style": {
+        "navigationBarTitleText": "我的收藏"
+      }
+    },
+    {
+      "path": "pages/mall/consumer/profile",
+      "style": {
+        "navigationBarTitleText": "个人中心"
+      }
+    }
+  ],
+  "tabBar": {
+    "color": "#999999",
+    "selectedColor": "#007aff",
+    "backgroundColor": "#ffffff",
+    "borderStyle": "black",
+    "list": [
+      {
+        "pagePath": "pages/mall/consumer/index",
+        "text": "首页",
+        "iconPath": "static/tab-home.png",
+        "selectedIconPath": "static/tab-home-active.png"
+      },
+      {
+        "pagePath": "pages/mall/consumer/category",
+        "text": "分类",
+        "iconPath": "static/tab-category.png",
+        "selectedIconPath": "static/tab-category-active.png"
+      },
+      {
+        "pagePath": "pages/mall/consumer/cart",
+        "text": "购物车",
+        "iconPath": "static/tab-cart.png",
+        "selectedIconPath": "static/tab-cart-active.png"
+      },
+      {
+        "pagePath": "pages/mall/consumer/orders",
+        "text": "订单",
+        "iconPath": "static/tab-order.png",
+        "selectedIconPath": "static/tab-order-active.png"
+      },
+      {
+        "pagePath": "pages/mall/consumer/profile",
+        "text": "我的",
+        "iconPath": "static/tab-profile.png",
+        "selectedIconPath": "static/tab-profile-active.png"
+      }
+    ]
+  }
+}
\ No newline at end of file
diff --git a/pages - 副本.json b/pages - 副本.json
new file mode 100644
index 00000000..fed5ab00
--- /dev/null
+++ b/pages - 副本.json	
@@ -0,0 +1,213 @@
+{
+  "pages": [
+    {
+      "path": "pages/mall/consumer/index",
+      "style": {
+        "navigationBarTitleText": "商城首页",
+        "navigationStyle": "custom"
+      }
+    },
+    {
+      "path": "pages/user/boot",
+      "style": {
+        "navigationBarTitleText": ""
+      }
+    },
+    {
+      "path": "pages/user/login",
+      "style": {
+        "navigationBarTitleText": "登录"
+      }
+    },
+    {
+      "path": "pages/user/register",
+      "style": {
+        "navigationBarTitleText": "注册"
+      }
+    },
+    {
+      "path": "pages/user/forgot-password",
+      "style": {
+        "navigationBarTitleText": "忘记密码"
+      }
+    },
+    {
+      "path": "pages/user/center",
+      "style": {
+        "navigationBarTitleText": "用户中心"
+      }
+    },
+    {
+      "path": "pages/user/profile",
+      "style": {
+        "navigationBarTitleText": "个人资料"
+      }
+    },
+    {
+      "path": "pages/user/terms",
+      "style": {
+        "navigationBarTitleText": "用户协议与隐私政策"
+      }
+    },
+    {
+      "path": "pages/mall/merchant/index",
+      "style": {
+        "navigationBarTitleText": "商家中心",
+        "navigationStyle": "custom"
+      }
+    },
+    {
+      "path": "pages/mall/delivery/index",
+      "style": {
+        "navigationBarTitleText": "配送中心",
+        "navigationStyle": "custom"
+      }
+    },
+    {
+      "path": "pages/mall/admin/index",
+      "style": {
+        "navigationBarTitleText": "管理后台",
+        "navigationStyle": "custom"
+      }
+    },
+    {
+      "path": "pages/mall/service/index",
+      "style": {
+        "navigationBarTitleText": "客服工作台",
+        "navigationStyle": "custom"
+      }
+    },
+    {
+      "path": "pages/mall/analytics/index",
+      "style": {
+        "navigationBarTitleText": "数据分析",
+        "navigationStyle": "custom"
+      }
+    }
+  ],
+  "subPackages": [
+    {
+      "root": "pages/mall",
+      "pages": [
+        {
+          "path": "consumer/product-detail",
+          "style": {
+            "navigationBarTitleText": "商品详情"
+          }
+        },
+        {
+          "path": "consumer/order-detail",
+          "style": {
+            "navigationBarTitleText": "订单详情"
+          }
+        },
+        {
+          "path": "consumer/profile",
+          "style": {
+            "navigationBarTitleText": "个人中心"
+          }
+        },
+        {
+          "path": "consumer/subscription/plan-list",
+          "style": {
+            "navigationBarTitleText": "软件订阅"
+          }
+        },
+        {
+          "path": "consumer/subscription/plan-detail",
+          "style": {
+            "navigationBarTitleText": "订阅详情"
+          }
+        },
+        {
+          "path": "consumer/subscription/subscribe-checkout",
+          "style": {
+            "navigationBarTitleText": "确认订阅"
+          }
+        },
+        {
+          "path": "consumer/subscription/my-subscriptions",
+          "style": {
+            "navigationBarTitleText": "我的订阅"
+          }
+        },
+        {
+          "path": "admin/subscription/plan-management",
+          "style": {
+            "navigationBarTitleText": "订阅方案管理"
+          }
+        },
+        {
+          "path": "admin/subscription/user-subscriptions",
+          "style": {
+            "navigationBarTitleText": "用户订阅管理"
+          }
+        },
+        {
+          "path": "nfc/security/index",
+          "style": {
+            "navigationBarTitleText": "安保工作台",
+            "enablePullDownRefresh": true,
+            "backgroundColor": "#f8f9fa"
+          }
+        }
+      ]
+    }
+  ],
+  "tabBar": {
+    "custom": true,
+    "color": "#7A7E83",
+    "selectedColor": "#3cc51f",
+    "borderStyle": "black",
+    "backgroundColor": "#ffffff",
+    "list": [
+      {
+        "pagePath": "pages/mall/consumer/index",
+        "iconPath": "static/tab-home.png",
+        "selectedIconPath": "static/tab-home-current.png",
+        "text": "首页"
+      },
+      {
+        "pagePath": "pages/mall/consumer/category",
+        "iconPath": "static/tab-category.png",
+        "selectedIconPath": "static/tab-category-current.png",
+        "text": "分类"
+      },
+      {
+        "pagePath": "pages/mall/consumer/cart",
+        "iconPath": "static/tab-cart.png",
+        "selectedIconPath": "static/tab-cart-current.png",
+        "text": "购物车"
+      },
+      {
+        "pagePath": "pages/mall/consumer/profile",
+        "iconPath": "static/tab-profile.png",
+        "selectedIconPath": "static/tab-profile-current.png",
+        "text": "我的"
+      }
+    ]
+  },
+  "globalStyle": {
+    "navigationBarTextStyle": "black",
+    "navigationBarTitleText": "mall",
+    "navigationBarBackgroundColor": "#FFFFFF",
+    "backgroundColor": "#F8F8F8"
+  },
+  "condition": {
+    "current": 0,
+    "list": [
+      {
+        "name": "消费者端首页",
+        "path": "pages/mall/consumer/index"
+      },
+      {
+        "name": "启动页（登录态判断）",
+        "path": "pages/user/boot"
+      },
+      {
+        "name": "登录页",
+        "path": "pages/user/login"
+      }
+    ]
+  }
+}
\ No newline at end of file
diff --git a/pages.json b/pages.json
index fed5ab00..2a92a152 100644
--- a/pages.json
+++ b/pages.json
@@ -3,210 +3,72 @@
     {
       "path": "pages/mall/consumer/index",
       "style": {
-        "navigationBarTitleText": "商城首页",
-        "navigationStyle": "custom"
+        "navigationBarTitleText": "首页",
+        "navigationStyle": "custom",
+        "enablePullDownRefresh": true
       }
     },
     {
-      "path": "pages/user/boot",
+      "path": "pages/mall/consumer/category",
       "style": {
-        "navigationBarTitleText": ""
+        "navigationBarTitleText": "分类"
       }
     },
     {
-      "path": "pages/user/login",
+      "path": "pages/mall/consumer/messages",
       "style": {
-        "navigationBarTitleText": "登录"
+        "navigationBarTitleText": "消息",
+        "enablePullDownRefresh": true
       }
     },
     {
-      "path": "pages/user/register",
+      "path": "pages/mall/consumer/cart",
       "style": {
-        "navigationBarTitleText": "注册"
+        "navigationBarTitleText": "购物车"
       }
     },
     {
-      "path": "pages/user/forgot-password",
+      "path": "pages/mall/consumer/profile",
       "style": {
-        "navigationBarTitleText": "忘记密码"
+        "navigationBarTitleText": "我的"
       }
-    },
-    {
-      "path": "pages/user/center",
-      "style": {
-        "navigationBarTitleText": "用户中心"
-      }
-    },
-    {
-      "path": "pages/user/profile",
-      "style": {
-        "navigationBarTitleText": "个人资料"
-      }
-    },
-    {
-      "path": "pages/user/terms",
-      "style": {
-        "navigationBarTitleText": "用户协议与隐私政策"
-      }
-    },
-    {
-      "path": "pages/mall/merchant/index",
-      "style": {
-        "navigationBarTitleText": "商家中心",
-        "navigationStyle": "custom"
-      }
-    },
-    {
-      "path": "pages/mall/delivery/index",
-      "style": {
-        "navigationBarTitleText": "配送中心",
-        "navigationStyle": "custom"
-      }
-    },
-    {
-      "path": "pages/mall/admin/index",
-      "style": {
-        "navigationBarTitleText": "管理后台",
-        "navigationStyle": "custom"
-      }
-    },
-    {
-      "path": "pages/mall/service/index",
-      "style": {
-        "navigationBarTitleText": "客服工作台",
-        "navigationStyle": "custom"
-      }
-    },
-    {
-      "path": "pages/mall/analytics/index",
-      "style": {
-        "navigationBarTitleText": "数据分析",
-        "navigationStyle": "custom"
-      }
-    }
-  ],
-  "subPackages": [
-    {
-      "root": "pages/mall",
-      "pages": [
-        {
-          "path": "consumer/product-detail",
-          "style": {
-            "navigationBarTitleText": "商品详情"
-          }
-        },
-        {
-          "path": "consumer/order-detail",
-          "style": {
-            "navigationBarTitleText": "订单详情"
-          }
-        },
-        {
-          "path": "consumer/profile",
-          "style": {
-            "navigationBarTitleText": "个人中心"
-          }
-        },
-        {
-          "path": "consumer/subscription/plan-list",
-          "style": {
-            "navigationBarTitleText": "软件订阅"
-          }
-        },
-        {
-          "path": "consumer/subscription/plan-detail",
-          "style": {
-            "navigationBarTitleText": "订阅详情"
-          }
-        },
-        {
-          "path": "consumer/subscription/subscribe-checkout",
-          "style": {
-            "navigationBarTitleText": "确认订阅"
-          }
-        },
-        {
-          "path": "consumer/subscription/my-subscriptions",
-          "style": {
-            "navigationBarTitleText": "我的订阅"
-          }
-        },
-        {
-          "path": "admin/subscription/plan-management",
-          "style": {
-            "navigationBarTitleText": "订阅方案管理"
-          }
-        },
-        {
-          "path": "admin/subscription/user-subscriptions",
-          "style": {
-            "navigationBarTitleText": "用户订阅管理"
-          }
-        },
-        {
-          "path": "nfc/security/index",
-          "style": {
-            "navigationBarTitleText": "安保工作台",
-            "enablePullDownRefresh": true,
-            "backgroundColor": "#f8f9fa"
-          }
-        }
-      ]
     }
   ],
   "tabBar": {
-    "custom": true,
-    "color": "#7A7E83",
-    "selectedColor": "#3cc51f",
-    "borderStyle": "black",
+    "color": "#999999",
+    "selectedColor": "#ff5000",
     "backgroundColor": "#ffffff",
+    "borderStyle": "black",
     "list": [
       {
         "pagePath": "pages/mall/consumer/index",
-        "iconPath": "static/tab-home.png",
-        "selectedIconPath": "static/tab-home-current.png",
-        "text": "首页"
+        "text": "首页",
+        "iconPath": "static/tabbar/home.png",
+        "selectedIconPath": "static/tabbar/home-active.png"
       },
       {
         "pagePath": "pages/mall/consumer/category",
-        "iconPath": "static/tab-category.png",
-        "selectedIconPath": "static/tab-category-current.png",
-        "text": "分类"
+        "text": "分类",
+        "iconPath": "static/tabbar/category.png",
+        "selectedIconPath": "static/tabbar/category-active.png"
+      },
+      {
+        "pagePath": "pages/mall/consumer/messages",
+        "text": "消息",
+        "iconPath": "static/tabbar/messages.png",
+        "selectedIconPath": "static/tabbar/messages-active.png"
       },
       {
         "pagePath": "pages/mall/consumer/cart",
-        "iconPath": "static/tab-cart.png",
-        "selectedIconPath": "static/tab-cart-current.png",
-        "text": "购物车"
+        "text": "购物车",
+        "iconPath": "static/tabbar/cart.png",
+        "selectedIconPath": "static/tabbar/cart-active.png"
       },
       {
         "pagePath": "pages/mall/consumer/profile",
-        "iconPath": "static/tab-profile.png",
-        "selectedIconPath": "static/tab-profile-current.png",
-        "text": "我的"
-      }
-    ]
-  },
-  "globalStyle": {
-    "navigationBarTextStyle": "black",
-    "navigationBarTitleText": "mall",
-    "navigationBarBackgroundColor": "#FFFFFF",
-    "backgroundColor": "#F8F8F8"
-  },
-  "condition": {
-    "current": 0,
-    "list": [
-      {
-        "name": "消费者端首页",
-        "path": "pages/mall/consumer/index"
-      },
-      {
-        "name": "启动页（登录态判断）",
-        "path": "pages/user/boot"
-      },
-      {
-        "name": "登录页",
-        "path": "pages/user/login"
+        "text": "我的",
+        "iconPath": "static/tabbar/profile.png",
+        "selectedIconPath": "static/tabbar/profile-active.png"
       }
     ]
   }
diff --git a/pages/mall/consumer/address-edit.uvue b/pages/mall/consumer/address-edit.uvue
new file mode 100644
index 00000000..ef81282c
--- /dev/null
+++ b/pages/mall/consumer/address-edit.uvue
@@ -0,0 +1,793 @@
+<!-- 地址编辑页面 -->
+<template>
+	<view class="address-edit-page">
+		<!-- 顶部栏 -->
+		<view class="edit-header">
+			<text class="back-btn" @click="goBack">‹</text>
+			<text class="header-title">{{ addressId ? '编辑地址' : '新增地址' }}</text>
+			<text v-if="addressId" class="delete-btn" @click="deleteAddress">删除</text>
+		</view>
+
+		<scroll-view class="edit-content" scroll-y>
+			<!-- 表单 -->
+			<view class="form-section">
+				<view class="form-item">
+					<text class="item-label">收货人</text>
+					<input class="item-input" 
+								 v-model="formData.recipient_name" 
+								 placeholder="请输入收货人姓名" />
+				</view>
+
+				<view class="form-item">
+					<text class="item-label">手机号码</text>
+					<input class="item-input" 
+								 v-model="formData.phone" 
+								 placeholder="请输入手机号码"
+								 type="number"
+								 maxlength="11" />
+				</view>
+
+				<view class="form-item" @click="showRegionPicker">
+					<text class="item-label">所在地区</text>
+					<text class="item-value">{{ regionText || '请选择省市区' }}</text>
+					<text class="item-arrow">›</text>
+				</view>
+
+				<view class="form-item">
+					<text class="item-label">详细地址</text>
+					<textarea class="item-textarea" 
+										v-model="formData.detail" 
+										placeholder="请输入详细地址，如街道、小区、楼栋号、单元室等"
+										maxlength="100" />
+				</view>
+
+				<view class="form-item">
+					<text class="item-label">邮政编码</text>
+					<input class="item-input" 
+								 v-model="formData.postal_code" 
+								 placeholder="请输入邮政编码"
+								 type="number"
+								 maxlength="6" />
+				</view>
+
+				<view class="form-item">
+					<view class="default-switch">
+						<text class="switch-label">设为默认地址</text>
+						<switch :checked="formData.is_default" 
+										@change="toggleDefault" />
+					</view>
+				</view>
+			</view>
+
+			<!-- 地址簿 -->
+			<view v-if="addressList.length > 0" class="address-book">
+				<view class="section-title">地址簿</view>
+				<view v-for="address in addressList" 
+							:key="address.id" 
+							class="book-item"
+							@click="fillFromAddressBook(address)">
+					<view class="book-info">
+						<text class="book-name">{{ address.recipient_name }}</text>
+						<text class="book-phone">{{ address.phone }}</text>
+					</view>
+					<text class="book-address">{{ getFullAddress(address) }}</text>
+				</view>
+			</view>
+		</scroll-view>
+
+		<!-- 保存按钮 -->
+		<view class="save-btn-container">
+			<button class="save-btn" @click="saveAddress">保存地址</button>
+		</view>
+
+		<!-- 地区选择器 -->
+		<view v-if="showPicker" class="region-picker">
+			<view class="picker-mask" @click="hideRegionPicker"></view>
+			<view class="picker-content">
+				<view class="picker-header">
+					<text class="cancel-btn" @click="hideRegionPicker">取消</text>
+					<text class="picker-title">选择地区</text>
+					<text class="confirm-btn" @click="confirmRegion">确定</text>
+				</view>
+				<picker-view class="picker-view" 
+										 :value="pickerValue" 
+										 @change="onPickerChange">
+					<picker-view-column>
+						<view v-for="(province, index) in provinces" 
+									:key="index" 
+									class="picker-item">
+							{{ province.name }}
+						</view>
+					</picker-view-column>
+					<picker-view-column>
+						<view v-for="(city, index) in cities" 
+									:key="index" 
+									class="picker-item">
+							{{ city.name }}
+						</view>
+					</picker-view-column>
+					<picker-view-column>
+						<view v-for="(district, index) in districts" 
+									:key="index" 
+									class="picker-item">
+							{{ district.name }}
+						</view>
+					</picker-view-column>
+				</picker-view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup lang="uts">
+import { ref, onMounted } from 'vue'
+import supa from '@/components/supadb/aksupainstance.uts'
+
+type AddressType = {
+	id?: string
+	user_id: string
+	recipient_name: string
+	phone: string
+	province: string
+	city: string
+	district: string
+	detail: string
+	postal_code: string | null
+	is_default: boolean
+}
+
+type RegionType = {
+	code: string
+	name: string
+	children?: RegionType[]
+}
+
+const addressId = ref<string>('')
+const formData = ref<AddressType>({
+	user_id: '',
+	recipient_name: '',
+	phone: '',
+	province: '',
+	city: '',
+	district: '',
+	detail: '',
+	postal_code: null,
+	is_default: false
+})
+const addressList = ref<Array<AddressType>>([])
+const showPicker = ref<boolean>(false)
+const provinces = ref<Array<RegionType>>([])
+const cities = ref<Array<RegionType>>([])
+const districts = ref<Array<RegionType>>([])
+const pickerValue = ref<Array<number>>([0, 0, 0])
+const selectedRegion = ref<{
+	province: RegionType | null
+	city: RegionType | null
+	district: RegionType | null
+}>({
+	province: null,
+	city: null,
+	district: null
+})
+
+// 获取地区文本
+const regionText = computed(() => {
+	const { province, city, district } = selectedRegion.value
+	if (province && city && district) {
+		return `${province.name} ${city.name} ${district.name}`
+	}
+	return ''
+})
+
+// 生命周期
+onMounted(() => {
+	loadAddresses()
+	loadRegions()
+	
+	const pages = getCurrentPages()
+	const currentPage = pages[pages.length - 1]
+	const options = currentPage.options as any
+	
+	if (options.id) {
+		addressId.value = options.id
+		loadAddressDetail(options.id)
+	}
+})
+
+// 加载地址列表
+const loadAddresses = async () => {
+	const userId = getCurrentUserId()
+	if (!userId) return
+
+	try {
+		const { data, error } = await supa
+			.from('user_addresses')
+			.select('*')
+			.eq('user_id', userId)
+			.order('is_default', { ascending: false })
+			.limit(5)
+
+		if (error !== null) {
+			console.error('加载地址列表失败:', error)
+			return
+		}
+
+		addressList.value = data ?? []
+	} catch (err) {
+		console.error('加载地址列表异常:', err)
+	}
+}
+
+// 加载地址详情
+const loadAddressDetail = async (id: string) => {
+	try {
+		const { data, error } = await supa
+			.from('user_addresses')
+			.select('*')
+			.eq('id', id)
+			.single()
+
+		if (error !== null) {
+			console.error('加载地址详情失败:', error)
+			return
+		}
+
+		formData.value = data
+		
+		// 设置选中的地区
+		selectedRegion.value = {
+			province: { code: '', name: formData.value.province },
+			city: { code: '', name: formData.value.city },
+			district: { code: '', name: formData.value.district }
+		}
+	} catch (err) {
+		console.error('加载地址详情异常:', err)
+	}
+}
+
+// 加载地区数据
+const loadRegions = () => {
+	// 这里应该从API加载地区数据，这里使用模拟数据
+	provinces.value = [
+		{ code: '110000', name: '北京市' },
+		{ code: '310000', name: '上海市' },
+		{ code: '440000', name: '广东省' },
+		{ code: '330000', name: '浙江省' },
+		{ code: '320000', name: '江苏省' }
+	]
+	
+	// 默认加载第一个省份的城市
+	if (provinces.value.length > 0) {
+		loadCities(provinces.value[0].code)
+	}
+}
+
+// 加载城市
+const loadCities = (provinceCode: string) => {
+	// 模拟城市数据
+	const cityMap: Record<string, RegionType[]> = {
+		'110000': [
+			{ code: '110100', name: '北京市' }
+		],
+		'310000': [
+			{ code: '310100', name: '上海市' }
+		],
+		'440000': [
+			{ code: '440100', name: '广州市' },
+			{ code: '440300', name: '深圳市' },
+			{ code: '440600', name: '佛山市' }
+		],
+		'330000': [
+			{ code: '330100', name: '杭州市' },
+			{ code: '330200', name: '宁波市' },
+			{ code: '330300', name: '温州市' }
+		],
+		'320000': [
+			{ code: '320100', name: '南京市' },
+			{ code: '320200', name: '无锡市' },
+			{ code: '320500', name: '苏州市' }
+		]
+	}
+	
+	cities.value = cityMap[provinceCode] || []
+	
+	// 加载第一个城市的区县
+	if (cities.value.length > 0) {
+		loadDistricts(cities.value[0].code)
+	}
+}
+
+// 加载区县
+const loadDistricts = (cityCode: string) => {
+	// 模拟区县数据
+	const districtMap: Record<string, RegionType[]> = {
+		'110100': [
+			{ code: '110101', name: '东城区' },
+			{ code: '110102', name: '西城区' },
+			{ code: '110105', name: '朝阳区' },
+			{ code: '110106', name: '丰台区' }
+		],
+		'440100': [
+			{ code: '440103', name: '荔湾区' },
+			{ code: '440104', name: '越秀区' },
+			{ code: '440105', name: '海珠区' },
+			{ code: '440106', name: '天河区' }
+		],
+		'330100': [
+			{ code: '330102', name: '上城区' },
+			{ code: '330103', name: '下城区' },
+			{ code: '330104', name: '江干区' },
+			{ code: '330105', name: '拱墅区' }
+		]
+	}
+	
+	districts.value = districtMap[cityCode] || []
+}
+
+// 获取当前用户ID
+const getCurrentUserId = (): string => {
+	const userStore = uni.getStorageSync('userInfo')
+	return userStore?.id || ''
+}
+
+// 获取完整地址
+const getFullAddress = (address: AddressType): string => {
+	return `${address.province}${address.city}${address.district}${address.detail}`
+}
+
+// 显示地区选择器
+const showRegionPicker = () => {
+	showPicker.value = true
+}
+
+// 隐藏地区选择器
+const hideRegionPicker = () => {
+	showPicker.value = false
+}
+
+// 选择器变化
+const onPickerChange = (event: any) => {
+	const value = event.detail.value
+	pickerValue.value = value
+	
+	// 省份变化
+	if (value[0] !== pickerValue.value[0]) {
+		const province = provinces.value[value[0]]
+		selectedRegion.value.province = province
+		loadCities(province.code)
+		pickerValue.value = [value[0], 0, 0]
+	}
+	
+	// 城市变化
+	if (value[1] !== pickerValue.value[1]) {
+		const city = cities.value[value[1]]
+		selectedRegion.value.city = city
+		loadDistricts(city.code)
+		pickerValue.value = [value[0], value[1], 0]
+	}
+	
+	// 区县变化
+	if (value[2] !== pickerValue.value[2]) {
+		const district = districts.value[value[2]]
+		selectedRegion.value.district = district
+	}
+}
+
+// 确认地区选择
+const confirmRegion = () => {
+	const province = provinces.value[pickerValue.value[0]]
+	const city = cities.value[pickerValue.value[1]]
+	const district = districts.value[pickerValue.value[2]]
+	
+	if (province && city && district) {
+		selectedRegion.value = { province, city, district }
+		formData.value.province = province.name
+		formData.value.city = city.name
+		formData.value.district = district.name
+	}
+	
+	hideRegionPicker()
+}
+
+// 切换默认地址
+const toggleDefault = (event: any) => {
+	formData.value.is_default = event.detail.value
+}
+
+// 从地址簿填充
+const fillFromAddressBook = (address: AddressType) => {
+	formData.value = { ...address }
+	selectedRegion.value = {
+		province: { code: '', name: address.province },
+		city: { code: '', name: address.city },
+		district: { code: '', name: address.district }
+	}
+}
+
+// 保存地址
+const saveAddress = async () => {
+	// 验证表单
+	if (!formData.value.recipient_name.trim()) {
+		uni.showToast({
+			title: '请输入收货人姓名',
+			icon: 'none'
+		})
+		return
+	}
+	
+	if (!formData.value.phone.trim()) {
+		uni.showToast({
+			title: '请输入手机号码',
+			icon: 'none'
+		})
+		return
+	}
+	
+	if (!/^1[3-9]\d{9}$/.test(formData.value.phone)) {
+		uni.showToast({
+			title: '手机号码格式错误',
+			icon: 'none'
+		})
+		return
+	}
+	
+	if (!formData.value.province) {
+		uni.showToast({
+			title: '请选择所在地区',
+			icon: 'none'
+		})
+		return
+	}
+	
+	if (!formData.value.detail.trim()) {
+		uni.showToast({
+			title: '请输入详细地址',
+			icon: 'none'
+		})
+		return
+	}
+	
+	const userId = getCurrentUserId()
+	if (!userId) {
+		uni.showToast({
+			title: '用户信息错误',
+			icon: 'none'
+		})
+		return
+	}
+	
+	formData.value.user_id = userId
+	
+	try {
+		if (formData.value.is_default) {
+			// 取消其他默认地址
+			await supa
+				.from('user_addresses')
+				.update({ is_default: false })
+				.eq('user_id', userId)
+				.eq('is_default', true)
+		}
+		
+		if (addressId.value) {
+			// 更新地址
+			const { error } = await supa
+				.from('user_addresses')
+				.update(formData.value)
+				.eq('id', addressId.value)
+			
+			if (error !== null) {
+				throw error
+			}
+			
+			uni.showToast({
+				title: '地址更新成功',
+				icon: 'success'
+			})
+		} else {
+			// 新增地址
+			const { error } = await supa
+				.from('user_addresses')
+				.insert(formData.value)
+			
+			if (error !== null) {
+				throw error
+			}
+			
+			uni.showToast({
+				title: '地址添加成功',
+				icon: 'success'
+			})
+		}
+		
+		// 返回上一页
+		setTimeout(() => {
+			uni.navigateBack()
+		}, 1500)
+		
+	} catch (err) {
+		console.error('保存地址失败:', err)
+		uni.showToast({
+			title: '保存失败',
+			icon: 'none'
+		})
+	}
+}
+
+// 删除地址
+const deleteAddress = () => {
+	uni.showModal({
+		title: '删除地址',
+		content: '确定要删除这个地址吗？',
+		success: async (res) => {
+			if (res.confirm) {
+				try {
+					const { error } = await supa
+						.from('user_addresses')
+						.delete()
+						.eq('id', addressId.value)
+					
+					if (error !== null) {
+						throw error
+					}
+					
+					uni.showToast({
+						title: '地址删除成功',
+						icon: 'success'
+					})
+					
+					setTimeout(() => {
+						uni.navigateBack()
+					}, 1500)
+					
+				} catch (err) {
+					console.error('删除地址失败:', err)
+					uni.showToast({
+						title: '删除失败',
+						icon: 'none'
+					})
+				}
+			}
+		}
+	})
+}
+
+// 返回
+const goBack = () => {
+	uni.navigateBack()
+}
+</script>
+
+<style scoped>
+.address-edit-page {
+	display: flex;
+	flex-direction: column;
+	height: 100vh;
+	background-color: #f5f5f5;
+}
+
+.edit-header {
+	background-color: #ffffff;
+	padding: 15px;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	border-bottom: 1px solid #e5e5e5;
+}
+
+.back-btn {
+	font-size: 24px;
+	color: #333333;
+	padding: 5px;
+}
+
+.header-title {
+	font-size: 18px;
+	font-weight: bold;
+	color: #333333;
+}
+
+.delete-btn {
+	color: #ff4757;
+	font-size: 14px;
+	padding: 5px;
+}
+
+.edit-content {
+	flex: 1;
+}
+
+.form-section {
+	background-color: #ffffff;
+	margin-bottom: 10px;
+	padding: 0 15px;
+}
+
+.form-item {
+	padding: 15px 0;
+	border-bottom: 1px solid #f5f5f5;
+	display: flex;
+	align-items: center;
+}
+
+.form-item:last-child {
+	border-bottom: none;
+}
+
+.item-label {
+	width: 80px;
+	font-size: 14px;
+	color: #333333;
+}
+
+.item-input {
+	flex: 1;
+	height: 30px;
+	font-size: 14px;
+	color: #333333;
+}
+
+.item-value {
+	flex: 1;
+	font-size: 14px;
+	color: #666666;
+}
+
+.item-arrow {
+	color: #999999;
+	font-size: 16px;
+	margin-left: 10px;
+}
+
+.item-textarea {
+	flex: 1;
+	min-height: 60px;
+	font-size: 14px;
+	color: #333333;
+	line-height: 1.4;
+}
+
+.default-switch {
+	flex: 1;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.switch-label {
+	font-size: 14px;
+	color: #333333;
+}
+
+.address-book {
+	background-color: #ffffff;
+	padding: 15px;
+}
+
+.section-title {
+	font-size: 16px;
+	font-weight: bold;
+	color: #333333;
+	margin-bottom: 15px;
+}
+
+.book-item {
+	padding: 15px 0;
+	border-bottom: 1px solid #f5f5f5;
+}
+
+.book-item:last-child {
+	border-bottom: none;
+}
+
+.book-info {
+	display: flex;
+	align-items: center;
+	margin-bottom: 8px;
+}
+
+.book-name {
+	font-size: 14px;
+	color: #333333;
+	font-weight: bold;
+	margin-right: 15px;
+}
+
+.book-phone {
+	font-size: 14px;
+	color: #666666;
+}
+
+.book-address {
+	font-size: 13px;
+	color: #666666;
+	line-height: 1.4;
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 2;
+	overflow: hidden;
+}
+
+.save-btn-container {
+	background-color: #ffffff;
+	padding: 15px;
+	border-top: 1px solid #e5e5e5;
+}
+
+.save-btn {
+	background-color: #007aff;
+	color: #ffffff;
+	height: 50px;
+	border-radius: 25px;
+	font-size: 16px;
+	font-weight: bold;
+	border: none;
+}
+
+.region-picker {
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	z-index: 999;
+}
+
+.picker-mask {
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	background-color: rgba(0, 0, 0, 0.5);
+}
+
+.picker-content {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	background-color: #ffffff;
+	border-top-left-radius: 10px;
+	border-top-right-radius: 10px;
+}
+
+.picker-header {
+	padding: 15px;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	border-bottom: 1px solid #e5e5e5;
+}
+
+.cancel-btn {
+	color: #999999;
+	font-size: 14px;
+	padding: 5px;
+}
+
+.picker-title {
+	font-size: 16px;
+	font-weight: bold;
+	color: #333333;
+}
+
+.confirm-btn {
+	color: #007aff;
+	font-size: 14px;
+	font-weight: bold;
+	padding: 5px;
+}
+
+.picker-view {
+	height: 300px;
+}
+
+.picker-item {
+	height: 50px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-size: 14px;
+	color: #333333;
+}
+</style>
\ No newline at end of file
diff --git a/pages/mall/consumer/address.uvue b/pages/mall/consumer/address.uvue
new file mode 100644
index 00000000..b1848238
--- /dev/null
+++ b/pages/mall/consumer/address.uvue
@@ -0,0 +1,474 @@
+<!-- 地址管理页面 -->
+<template>
+	<view class="address-page">
+		<!-- 顶部栏 -->
+		<view class="address-header">
+			<view class="header-title">
+				<text class="title-text">收货地址</text>
+			</view>
+		</view>
+
+		<!-- 地址列表 -->
+		<scroll-view class="address-list" scroll-y>
+			<!-- 地址为空 -->
+			<view v-if="addressList.length === 0" class="empty-address">
+				<text class="empty-icon">📍</text>
+				<text class="empty-text">暂无收货地址</text>
+				<text class="empty-subtext">点击下方按钮添加地址</text>
+			</view>
+
+			<!-- 地址项 -->
+			<view v-for="address in addressList" :key="address.id" class="address-item">
+				<view class="address-info" @click="selectAddress(address)">
+					<view class="address-header-row">
+						<text class="address-name">{{ address.recipient_name }}</text>
+						<text class="address-phone">{{ address.phone }}</text>
+						<view v-if="address.is_default" class="default-tag">
+							<text class="tag-text">默认</text>
+						</view>
+					</view>
+					<view class="address-detail">
+						<text class="detail-text">{{ getFullAddress(address) }}</text>
+					</view>
+				</view>
+				<view class="address-actions">
+					<view class="action-item" @click="editAddress(address)">
+						<text class="action-icon">✏️</text>
+						<text class="action-text">编辑</text>
+					</view>
+					<view class="action-item" @click="deleteAddress(address)">
+						<text class="action-icon">🗑️</text>
+						<text class="action-text">删除</text>
+					</view>
+					<view v-if="!address.is_default" class="action-item" @click="setDefaultAddress(address)">
+						<text class="action-icon">⭐</text>
+						<text class="action-text">设为默认</text>
+					</view>
+				</view>
+			</view>
+
+			<!-- 从选择页面返回时的提示 -->
+			<view v-if="fromSelect && addressList.length > 0" class="select-tip">
+				<text class="tip-text">请选择收货地址</text>
+				<text class="tip-subtext">或点击下方添加新地址</text>
+			</view>
+		</scroll-view>
+
+		<!-- 添加地址按钮 -->
+		<view class="add-address-btn" @click="addNewAddress">
+			<text class="btn-icon">+</text>
+			<text class="btn-text">添加新地址</text>
+		</view>
+	</view>
+</template>
+
+<script setup lang="uts">
+import { ref, onMounted } from 'vue'
+import supa from '@/components/supadb/aksupainstance.uts'
+
+type AddressType = {
+	id: string
+	user_id: string
+	recipient_name: string
+	phone: string
+	province: string
+	city: string
+	district: string
+	detail: string
+	postal_code: string | null
+	is_default: boolean
+	created_at: string
+}
+
+const addressList = ref<Array<AddressType>>([])
+const fromSelect = ref<boolean>(false)
+const selectCallback = ref<any>(null)
+
+// 生命周期
+onMounted(() => {
+	const eventChannel = uni.getEventChannel()
+	if (eventChannel) {
+		eventChannel.on('fromSelect', (data: any) => {
+			fromSelect.value = data.fromSelect || false
+			selectCallback.value = data.callback
+		})
+	}
+	
+	loadAddresses()
+})
+
+// 加载地址列表
+const loadAddresses = async () => {
+	const userId = getCurrentUserId()
+	if (!userId) {
+		uni.showToast({
+			title: '请先登录',
+			icon: 'none'
+		})
+		uni.navigateTo({
+			url: '/pages/user/login'
+		})
+		return
+	}
+
+	try {
+		const { data, error } = await supa
+			.from('user_addresses')
+			.select('*')
+			.eq('user_id', userId)
+			.order('is_default', { ascending: false })
+			.order('created_at', { ascending: false })
+
+		if (error !== null) {
+			console.error('加载地址失败:', error)
+			return
+		}
+
+		addressList.value = data ?? []
+	} catch (err) {
+		console.error('加载地址异常:', err)
+	}
+}
+
+// 获取当前用户ID
+const getCurrentUserId = (): string | null => {
+	const userStore = uni.getStorageSync('userInfo')
+	return userStore?.id || null
+}
+
+// 获取完整地址
+const getFullAddress = (address: AddressType): string => {
+	return `${address.province}${address.city}${address.district}${address.detail}`
+}
+
+// 选择地址
+const selectAddress = (address: AddressType) => {
+	if (fromSelect.value && selectCallback.value) {
+		// 返回选择的地址
+		selectCallback.value(address)
+		uni.navigateBack()
+	}
+}
+
+// 编辑地址
+const editAddress = (address: AddressType) => {
+	uni.navigateTo({
+		url: `/pages/mall/consumer/address-edit?id=${address.id}`
+	})
+}
+
+// 删除地址
+const deleteAddress = (address: AddressType) => {
+	uni.showModal({
+		title: '删除地址',
+		content: '确定要删除这个收货地址吗？',
+		success: async (res) => {
+			if (res.confirm) {
+				try {
+					// 如果是默认地址，删除前检查是否还有其他地址
+					if (address.is_default && addressList.value.length > 1) {
+						uni.showModal({
+							title: '提示',
+							content: '删除默认地址后，系统会自动设置第一个地址为默认地址',
+							success: async (confirmRes) => {
+								if (confirmRes.confirm) {
+									await performDelete(address)
+								}
+							}
+						})
+					} else {
+						await performDelete(address)
+					}
+				} catch (err) {
+					console.error('删除地址异常:', err)
+				}
+			}
+		}
+	})
+}
+
+// 执行删除
+const performDelete = async (address: AddressType) => {
+	try {
+		const { error } = await supa
+			.from('user_addresses')
+			.delete()
+			.eq('id', address.id)
+
+		if (error !== null) {
+			console.error('删除地址失败:', error)
+			uni.showToast({
+				title: '删除失败',
+				icon: 'none'
+			})
+			return
+		}
+
+		// 从列表中移除
+		const index = addressList.value.findIndex(item => item.id === address.id)
+		if (index !== -1) {
+			addressList.value.splice(index, 1)
+		}
+
+		// 如果是默认地址被删除，设置第一个地址为默认
+		if (address.is_default && addressList.value.length > 0) {
+			const newDefault = addressList.value[0]
+			await setAsDefault(newDefault)
+		}
+
+		uni.showToast({
+			title: '删除成功',
+			icon: 'success'
+		})
+	} catch (err) {
+		console.error('执行删除异常:', err)
+	}
+}
+
+// 设为默认地址
+const setDefaultAddress = async (address: AddressType) => {
+	try {
+		const userId = getCurrentUserId()
+		if (!userId) return
+
+		// 1. 取消当前所有默认地址
+		const { error: updateError } = await supa
+			.from('user_addresses')
+			.update({ is_default: false })
+			.eq('user_id', userId)
+			.eq('is_default', true)
+
+		if (updateError !== null) {
+			console.error('取消默认地址失败:', updateError)
+			return
+		}
+
+		// 2. 设置新的默认地址
+		const { error: setError } = await supa
+			.from('user_addresses')
+			.update({ is_default: true })
+			.eq('id', address.id)
+
+		if (setError !== null) {
+			console.error('设置默认地址失败:', setError)
+			return
+		}
+
+		// 更新本地数据
+		addressList.value.forEach(item => {
+			item.is_default = item.id === address.id
+		})
+
+		uni.showToast({
+			title: '已设为默认地址',
+			icon: 'success'
+		})
+	} catch (err) {
+		console.error('设置默认地址异常:', err)
+	}
+}
+
+// 设置地址为默认（内部方法）
+const setAsDefault = async (address: AddressType) => {
+	try {
+		const { error } = await supa
+			.from('user_addresses')
+			.update({ is_default: true })
+			.eq('id', address.id)
+
+		if (error !== null) {
+			console.error('设置默认地址失败:', error)
+			return
+		}
+
+		address.is_default = true
+	} catch (err) {
+		console.error('设置默认地址异常:', err)
+	}
+}
+
+// 添加新地址
+const addNewAddress = () => {
+	uni.navigateTo({
+		url: '/pages/mall/consumer/address-edit'
+	})
+}
+</script>
+
+<style scoped>
+.address-page {
+	display: flex;
+	flex-direction: column;
+	height: 100vh;
+	background-color: #f5f5f5;
+}
+
+.address-header {
+	background-color: #ffffff;
+	padding: 15px;
+	border-bottom: 1px solid #e5e5e5;
+}
+
+.header-title {
+	text-align: center;
+}
+
+.title-text {
+	font-size: 18px;
+	font-weight: bold;
+	color: #333333;
+}
+
+.address-list {
+	flex: 1;
+	padding: 10px;
+}
+
+.empty-address {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	padding: 80px 20px;
+	background-color: #ffffff;
+	border-radius: 8px;
+}
+
+.empty-icon {
+	font-size: 80px;
+	margin-bottom: 20px;
+}
+
+.empty-text {
+	font-size: 16px;
+	color: #666666;
+	margin-bottom: 10px;
+}
+
+.empty-subtext {
+	font-size: 14px;
+	color: #999999;
+}
+
+.address-item {
+	background-color: #ffffff;
+	margin-bottom: 10px;
+	padding: 15px;
+	border-radius: 8px;
+	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.address-info {
+	margin-bottom: 15px;
+	padding-bottom: 15px;
+	border-bottom: 1px solid #f5f5f5;
+}
+
+.address-header-row {
+	display: flex;
+	align-items: center;
+	margin-bottom: 10px;
+}
+
+.address-name {
+	font-size: 16px;
+	font-weight: bold;
+	color: #333333;
+	margin-right: 15px;
+}
+
+.address-phone {
+	font-size: 14px;
+	color: #666666;
+	margin-right: 10px;
+}
+
+.default-tag {
+	background-color: #ff4757;
+	padding: 2px 8px;
+	border-radius: 10px;
+}
+
+.tag-text {
+	color: #ffffff;
+	font-size: 12px;
+}
+
+.address-detail {
+	font-size: 14px;
+	color: #333333;
+	line-height: 1.5;
+}
+
+.detail-text {
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 2;
+	overflow: hidden;
+}
+
+.address-actions {
+	display: flex;
+	justify-content: flex-end;
+	gap: 20px;
+}
+
+.action-item {
+	display: flex;
+	align-items: center;
+}
+
+.action-icon {
+	font-size: 16px;
+	margin-right: 5px;
+}
+
+.action-text {
+	font-size: 14px;
+	color: #666666;
+}
+
+.select-tip {
+	background-color: #ffffff;
+	padding: 20px;
+	border-radius: 8px;
+	margin-bottom: 10px;
+	text-align: center;
+}
+
+.tip-text {
+	font-size: 16px;
+	font-weight: bold;
+	color: #333333;
+	margin-bottom: 5px;
+	display: block;
+}
+
+.tip-subtext {
+	font-size: 14px;
+	color: #999999;
+	display: block;
+}
+
+.add-address-btn {
+	background-color: #007aff;
+	margin: 10px;
+	padding: 15px;
+	border-radius: 8px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.btn-icon {
+	color: #ffffff;
+	font-size: 24px;
+	margin-right: 10px;
+}
+
+.btn-text {
+	color: #ffffff;
+	font-size: 16px;
+	font-weight: bold;
+}
+</style>
\ No newline at end of file
diff --git a/pages/mall/consumer/cart - 副本.uvue b/pages/mall/consumer/cart - 副本.uvue
new file mode 100644
index 00000000..999dcb1d
--- /dev/null
+++ b/pages/mall/consumer/cart - 副本.uvue	
@@ -0,0 +1,810 @@
+<!-- 购物车页面 -->
+<template>
+	<view class="cart-page">
+		<!-- 顶部栏 -->
+		<view class="cart-header">
+			<view class="header-title">
+				<text class="title-text">购物车</text>
+			</view>
+			<view v-if="selectedCount > 0" class="edit-btn" @click="toggleEditMode">
+				<text class="edit-text">{{ isEditMode ? '完成' : '编辑' }}</text>
+			</view>
+		</view>
+
+		<!-- 购物车为空 -->
+		<view v-if="cartItems.length === 0" class="empty-cart">
+			<text class="empty-icon">🛒</text>
+			<text class="empty-text">购物车还是空的</text>
+			<text class="empty-subtext">快去挑选心仪的商品吧</text>
+			<button class="go-shopping-btn" @click="goShopping">去逛逛</button>
+		</view>
+
+		<!-- 购物车列表 -->
+		<scroll-view v-else direction="vertical" class="cart-content">
+			<!-- 商品列表 -->
+			<view v-for="(item, index) in cartItems" :key="item.id" class="cart-item">
+				<view class="item-selector" @click="toggleSelectItem(item)">
+					<view :class="['select-icon', { selected: item.selected }]">
+						<text v-if="item.selected" class="icon-text">✓</text>
+					</view>
+				</view>
+
+				<image class="item-image" :src="item.product_image || '/static/default-product.png'" />
+
+				<view class="item-info">
+					<text class="item-name">{{ item.product_name }}</text>
+					<text v-if="item.sku_specifications" class="item-spec">{{ getSpecText(item.sku_specifications) }}</text>
+					<view class="item-price-row">
+						<text class="item-price">¥{{ item.price }}</text>
+						<view class="quantity-control">
+							<view class="quantity-btn minus" @click="decreaseQuantity(item)">-</view>
+							<text class="quantity-text">{{ item.quantity }}</text>
+							<view class="quantity-btn plus" @click="increaseQuantity(item)">+</view>
+						</view>
+					</view>
+				</view>
+
+				<view v-if="isEditMode" class="delete-btn" @click="removeItem(item, index)">
+					<text class="delete-text">删除</text>
+				</view>
+			</view>
+
+			<!-- 推荐商品 -->
+			<view v-if="recommendProducts.length > 0" class="recommend-section">
+				<view class="section-header">
+					<text class="section-title">猜你喜欢</text>
+				</view>
+				<view class="recommend-grid">
+					<view v-for="product in recommendProducts" :key="product.id" class="recommend-item" @click="viewProduct(product)">
+						<image class="recommend-image" :src="getProductFirstImage(product)" />
+						<text class="recommend-name">{{ product.name }}</text>
+						<text class="recommend-price">¥{{ product.price }}</text>
+					</view>
+				</view>
+			</view>
+		</scroll-view>
+
+		<!-- 底部结算栏 -->
+		<view v-if="cartItems.length > 0" class="bottom-bar">
+			<view class="select-all" @click="toggleSelectAll">
+				<view :class="['all-select-icon', { selected: isAllSelected }]">
+					<text v-if="isAllSelected" class="icon-text">✓</text>
+				</view>
+				<text class="select-all-text">全选</text>
+			</view>
+
+			<view v-if="!isEditMode" class="settlement-info">
+				<view class="total-price">
+					<text class="total-label">合计：</text>
+					<text class="total-value">¥{{ totalPrice.toFixed(2) }}</text>
+				</view>
+				<text class="total-desc">已选{{ selectedCount }}件</text>
+			</view>
+
+			<view v-if="isEditMode" class="edit-actions">
+				<view class="delete-all-btn" @click="removeSelected">
+					<text class="delete-all-text">删除({{ selectedCount }})</text>
+				</view>
+			</view>
+
+			<view v-else class="settle-btn" :class="{ disabled: selectedCount === 0 }" @click="goToCheckout">
+				<text class="settle-text">去结算</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup lang="uts">
+import { ref, computed, onMounted } from 'vue'
+import type { ProductType } from '@/types/mall-types.uts'
+import supa from '@/components/supadb/aksupainstance.uts'
+
+type CartItemType = {
+	id: string
+	user_id: string
+	product_id: string
+	sku_id: string
+	product_name: string
+	product_image: string
+	sku_specifications: any
+	price: number
+	quantity: number
+	selected: boolean
+}
+
+const cartItems = ref<Array<CartItemType>>([])
+const recommendProducts = ref<Array<ProductType>>([])
+const isEditMode = ref<boolean>(false)
+const isLoading = ref<boolean>(false)
+
+// 计算属性
+const selectedCount = computed(() => {
+	return cartItems.value.filter(item => item.selected).length
+})
+
+const totalPrice = computed(() => {
+	return cartItems.value
+		.filter(item => item.selected)
+		.reduce((total, item) => total + (item.price * item.quantity), 0)
+})
+
+const isAllSelected = computed(() => {
+	return cartItems.value.length > 0 && cartItems.value.every(item => item.selected)
+})
+
+// 生命周期
+onMounted(() => {
+	loadCartItems()
+	loadRecommendProducts()
+})
+
+// 加载购物车商品
+const loadCartItems = async () => {
+	const userId = getCurrentUserId()
+	if (!userId) {
+		uni.showToast({
+			title: '请先登录',
+			icon: 'none'
+		})
+		uni.navigateTo({
+			url: '/pages/user/login'
+		})
+		return
+	}
+
+	try {
+		const { data, error } = await supa
+			.from('shopping_cart')
+			.select(`
+				id,
+				user_id,
+				product_id,
+				sku_id,
+				quantity,
+				products (
+					name,
+					price,
+					images
+				),
+				product_skus (
+					specifications,
+					price as sku_price
+				)
+			`)
+			.eq('user_id', userId)
+
+		if (error !== null) {
+			console.error('加载购物车失败:', error)
+			return
+		}
+
+		const items: CartItemType[] = []
+		const cartData = data ?? []
+		
+		for (let i = 0; i < cartData.length; i++) {
+			const item = cartData[i]
+			const product = item.products as any
+			const sku = item.product_skus as any
+			
+			items.push({
+				id: item.id,
+				user_id: item.user_id,
+				product_id: item.product_id,
+				sku_id: item.sku_id,
+				product_name: product?.name || '未知商品',
+				product_image: product?.images?.[0] || '/static/default-product.png',
+				sku_specifications: sku?.specifications,
+				price: sku?.sku_price || product?.price || 0,
+				quantity: item.quantity,
+				selected: false
+			})
+		}
+		
+		cartItems.value = items
+	} catch (err) {
+		console.error('加载购物车异常:', err)
+	}
+}
+
+// 加载推荐商品
+const loadRecommendProducts = async () => {
+	try {
+		const { data, error } = await supa
+			.from('products')
+			.select('*')
+			.eq('status', 1)
+			.order('sales', { ascending: false })
+			.limit(6)
+
+		if (error !== null) {
+			console.error('加载推荐商品失败:', error)
+			return
+		}
+
+		recommendProducts.value = data ?? []
+	} catch (err) {
+		console.error('加载推荐商品异常:', err)
+	}
+}
+
+// 获取当前用户ID
+const getCurrentUserId = (): string | null => {
+	// 这里应该从全局状态或storage中获取
+	const userStore = uni.getStorageSync('userInfo')
+	return userStore?.id || null
+}
+
+// 获取商品第一张图片
+const getProductFirstImage = (product: ProductType): string => {
+	return product.images?.[0] || '/static/default-product.png'
+}
+
+// 获取规格文本
+const getSpecText = (specs: any): string => {
+	if (!specs) return ''
+	if (typeof specs === 'object') {
+		return Object.keys(specs)
+			.map(key => `${key}: ${specs[key]}`)
+			.join('; ')
+	}
+	return String(specs)
+}
+
+// 切换编辑模式
+const toggleEditMode = () => {
+	isEditMode.value = !isEditMode.value
+}
+
+// 切换商品选择
+const toggleSelectItem = (item: CartItemType) => {
+	item.selected = !item.selected
+	cartItems.value = [...cartItems.value]
+}
+
+// 全选/取消全选
+const toggleSelectAll = () => {
+	const newSelectedState = !isAllSelected.value
+	cartItems.value.forEach(item => {
+		item.selected = newSelectedState
+	})
+	cartItems.value = [...cartItems.value]
+}
+
+// 增加数量
+const increaseQuantity = async (item: CartItemType) => {
+	if (isLoading.value) return
+	
+	isLoading.value = true
+	try {
+		const newQuantity = item.quantity + 1
+		
+		const { error } = await supa
+			.from('shopping_cart')
+			.update({ quantity: newQuantity })
+			.eq('id', item.id)
+
+		if (error !== null) {
+			console.error('更新数量失败:', error)
+			uni.showToast({
+				title: '更新失败',
+				icon: 'none'
+			})
+			return
+		}
+
+		item.quantity = newQuantity
+		cartItems.value = [...cartItems.value]
+	} catch (err) {
+		console.error('更新数量异常:', err)
+	} finally {
+		isLoading.value = false
+	}
+}
+
+// 减少数量
+const decreaseQuantity = async (item: CartItemType) => {
+	if (item.quantity <= 1) {
+		removeItem(item, cartItems.value.indexOf(item))
+		return
+	}
+
+	if (isLoading.value) return
+	
+	isLoading.value = true
+	try {
+		const newQuantity = item.quantity - 1
+		
+		const { error } = await supa
+			.from('shopping_cart')
+			.update({ quantity: newQuantity })
+			.eq('id', item.id)
+
+		if (error !== null) {
+			console.error('更新数量失败:', error)
+			uni.showToast({
+				title: '更新失败',
+				icon: 'none'
+			})
+			return
+		}
+
+		item.quantity = newQuantity
+		cartItems.value = [...cartItems.value]
+	} catch (err) {
+		console.error('更新数量异常:', err)
+	} finally {
+		isLoading.value = false
+	}
+}
+
+// 移除单个商品
+const removeItem = async (item: CartItemType, index: number) => {
+	uni.showModal({
+		title: '确认删除',
+		content: '确定要删除这个商品吗？',
+		success: async (res) => {
+			if (res.confirm) {
+				try {
+					const { error } = await supa
+						.from('shopping_cart')
+						.delete()
+						.eq('id', item.id)
+
+					if (error !== null) {
+						console.error('删除商品失败:', error)
+						uni.showToast({
+							title: '删除失败',
+							icon: 'none'
+						})
+						return
+					}
+
+					cartItems.value.splice(index, 1)
+					cartItems.value = [...cartItems.value]
+					
+					uni.showToast({
+						title: '删除成功',
+						icon: 'success'
+					})
+				} catch (err) {
+					console.error('删除商品异常:', err)
+				}
+			}
+		}
+	})
+}
+
+// 移除选中商品
+const removeSelected = () => {
+	const selectedItems = cartItems.value.filter(item => item.selected)
+	if (selectedItems.length === 0) {
+		uni.showToast({
+			title: '请选择要删除的商品',
+			icon: 'none'
+		})
+		return
+	}
+
+	uni.showModal({
+		title: '批量删除',
+		content: `确定要删除选中的${selectedItems.length}件商品吗？`,
+		success: async (res) => {
+			if (res.confirm) {
+				const deletePromises = selectedItems.map(item =>
+					supa
+						.from('shopping_cart')
+						.delete()
+						.eq('id', item.id)
+				)
+
+				try {
+					await Promise.all(deletePromises)
+					cartItems.value = cartItems.value.filter(item => !item.selected)
+					
+					uni.showToast({
+						title: '删除成功',
+						icon: 'success'
+					})
+				} catch (err) {
+					console.error('批量删除异常:', err)
+					uni.showToast({
+						title: '删除失败',
+						icon: 'none'
+					})
+				}
+			}
+		}
+	})
+}
+
+// 查看商品详情
+const viewProduct = (product: ProductType) => {
+	uni.navigateTo({
+		url: `/pages/mall/consumer/product-detail?id=${product.id}`
+	})
+}
+
+// 去逛逛
+const goShopping = () => {
+	uni.switchTab({
+		url: '/pages/mall/consumer/index'
+	})
+}
+
+// 去结算
+const goToCheckout = () => {
+	if (selectedCount.value === 0) {
+		uni.showToast({
+			title: '请选择要结算的商品',
+			icon: 'none'
+		})
+		return
+	}
+
+	const selectedItems = cartItems.value.filter(item => item.selected)
+	const productIds = selectedItems.map(item => ({
+		product_id: item.product_id,
+		sku_id: item.sku_id,
+		quantity: item.quantity
+	}))
+
+	uni.navigateTo({
+		url: '/pages/mall/consumer/checkout',
+		success: (res) => {
+			res.eventChannel.emit('acceptData', {
+				selectedItems: productIds,
+				totalAmount: totalPrice.value
+			})
+		}
+	})
+}
+</script>
+
+<style scoped>
+.cart-page {
+	display: flex;
+	flex-direction: column;
+	height: 100vh;
+	background-color: #f5f5f5;
+}
+
+.cart-header {
+	background-color: #ffffff;
+	padding: 15px;
+	border-bottom: 1px solid #e5e5e5;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.header-title {
+	flex: 1;
+}
+
+.title-text {
+	font-size: 18px;
+	font-weight: bold;
+	color: #333333;
+}
+
+.edit-btn {
+	padding: 5px 10px;
+}
+
+.edit-text {
+	color: #007aff;
+	font-size: 14px;
+}
+
+.empty-cart {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	padding: 50px 20px;
+}
+
+.empty-icon {
+	font-size: 80px;
+	margin-bottom: 20px;
+}
+
+.empty-text {
+	font-size: 16px;
+	color: #666666;
+	margin-bottom: 10px;
+}
+
+.empty-subtext {
+	font-size: 14px;
+	color: #999999;
+	margin-bottom: 30px;
+}
+
+.go-shopping-btn {
+	background-color: #007aff;
+	color: #ffffff;
+	padding: 10px 40px;
+	border-radius: 25px;
+	font-size: 14px;
+	border: none;
+}
+
+.cart-content {
+	flex: 1;
+}
+
+.cart-item {
+	background-color: #ffffff;
+	margin-bottom: 10px;
+	padding: 15px;
+	display: flex;
+	align-items: center;
+	position: relative;
+}
+
+.item-selector {
+	margin-right: 10px;
+}
+
+.select-icon {
+	width: 20px;
+	height: 20px;
+	border: 1px solid #cccccc;
+	border-radius: 10px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.select-icon.selected {
+	background-color: #007aff;
+	border-color: #007aff;
+}
+
+.icon-text {
+	color: #ffffff;
+	font-size: 12px;
+}
+
+.item-image {
+	width: 80px;
+	height: 80px;
+	border-radius: 5px;
+	margin-right: 10px;
+}
+
+.item-info {
+	flex: 1;
+	min-height: 80px;
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+}
+
+.item-name {
+	font-size: 14px;
+	color: #333333;
+	line-height: 1.4;
+	margin-bottom: 5px;
+}
+
+.item-spec {
+	font-size: 12px;
+	color: #999999;
+	margin-bottom: 10px;
+}
+
+.item-price-row {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.item-price {
+	font-size: 16px;
+	color: #ff4757;
+	font-weight: bold;
+}
+
+.quantity-control {
+	display: flex;
+	align-items: center;
+	border: 1px solid #e5e5e5;
+	border-radius: 15px;
+	overflow: hidden;
+}
+
+.quantity-btn {
+	width: 30px;
+	height: 30px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-size: 16px;
+	color: #666666;
+	background-color: #f8f8f8;
+}
+
+.quantity-btn.minus {
+	border-right: 1px solid #e5e5e5;
+}
+
+.quantity-btn.plus {
+	border-left: 1px solid #e5e5e5;
+}
+
+.quantity-text {
+	width: 40px;
+	text-align: center;
+	font-size: 14px;
+	color: #333333;
+}
+
+.delete-btn {
+	position: absolute;
+	right: 15px;
+	bottom: 15px;
+	padding: 5px 10px;
+	background-color: #ff4757;
+	border-radius: 12px;
+}
+
+.delete-text {
+	color: #ffffff;
+	font-size: 12px;
+}
+
+.recommend-section {
+	background-color: #ffffff;
+	margin-top: 10px;
+	padding: 15px;
+}
+
+.section-header {
+	margin-bottom: 15px;
+}
+
+.section-title {
+	font-size: 16px;
+	font-weight: bold;
+	color: #333333;
+}
+
+.recommend-grid {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: space-between;
+}
+
+.recommend-item {
+	width: 48%;
+	margin-bottom: 15px;
+}
+
+.recommend-image {
+	width: 100%;
+	height: 120px;
+	border-radius: 5px;
+	margin-bottom: 8px;
+}
+
+.recommend-name {
+	font-size: 13px;
+	color: #333333;
+	line-height: 1.4;
+	margin-bottom: 5px;
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 2;
+	overflow: hidden;
+}
+
+.recommend-price {
+	font-size: 14px;
+	color: #ff4757;
+	font-weight: bold;
+}
+
+.bottom-bar {
+	background-color: #ffffff;
+	border-top: 1px solid #e5e5e5;
+	padding: 15px;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+
+.select-all {
+	display: flex;
+	align-items: center;
+}
+
+.all-select-icon {
+	width: 20px;
+	height: 20px;
+	border: 1px solid #cccccc;
+	border-radius: 10px;
+	margin-right: 8px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.all-select-icon.selected {
+	background-color: #007aff;
+	border-color: #007aff;
+}
+
+.select-all-text {
+	font-size: 14px;
+	color: #333333;
+}
+
+.settlement-info {
+	flex: 1;
+	margin-left: 20px;
+	display: flex;
+	flex-direction: column;
+	align-items: flex-end;
+}
+
+.total-price {
+	display: flex;
+	align-items: baseline;
+	margin-bottom: 5px;
+}
+
+.total-label {
+	font-size: 14px;
+	color: #333333;
+}
+
+.total-value {
+	font-size: 18px;
+	color: #ff4757;
+	font-weight: bold;
+}
+
+.total-desc {
+	font-size: 12px;
+	color: #999999;
+}
+
+.edit-actions {
+	flex: 1;
+	margin-left: 20px;
+	display: flex;
+	justify-content: flex-end;
+}
+
+.delete-all-btn {
+	background-color: #ff4757;
+	padding: 8px 20px;
+	border-radius: 15px;
+}
+
+.delete-all-text {
+	color: #ffffff;
+	font-size: 14px;
+}
+
+.settle-btn {
+	background-color: #007aff;
+	padding: 10px 30px;
+	border-radius: 20px;
+	margin-left: 20px;
+}
+
+.settle-btn.disabled {
+	background-color: #cccccc;
+	opacity: 0.6;
+}
+
+.settle-text {
+	color: #ffffff;
+	font-size: 14px;
+	font-weight: bold;
+}
+</style>
\ No newline at end of file
diff --git a/pages/mall/consumer/cart.uvue b/pages/mall/consumer/cart.uvue
new file mode 100644
index 00000000..1b3aa382
--- /dev/null
+++ b/pages/mall/consumer/cart.uvue
@@ -0,0 +1,529 @@
+<!-- pages/mall/consumer/cart.uvue -->
+<template>
+    <view class="cart-page">
+        <!-- 顶部标题 -->
+        <view class="cart-header">
+            <text class="header-title">购物车</text>
+        </view>
+        
+        <!-- 购物车内容 -->
+        <scroll-view scroll-y class="cart-content">
+            <!-- 空购物车 -->
+            <view v-if="!loading && cartItems.length === 0" class="empty-cart">
+                <text class="empty-icon">🛒</text>
+                <text class="empty-title">购物车是空的</text>
+                <text class="empty-desc">快去挑选喜欢的商品吧</text>
+                <button class="go-shopping-btn" @click="goShopping">去逛逛</button>
+            </view>
+            
+            <!-- 购物车商品列表 -->
+            <view v-else class="cart-list">
+                <view 
+                    v-for="item in cartItems" 
+                    :key="item.id"
+                    class="cart-item"
+                >
+                    <view class="item-select" @click="toggleSelect(item.id)">
+                        <text v-if="item.selected" class="selected-icon">✓</text>
+                        <text v-else class="unselected-icon"></text>
+                    </view>
+                    
+                    <image 
+                        class="item-image" 
+                        :src="item.image" 
+                        mode="aspectFill"
+                        @click="navigateToProduct(item)"
+                    />
+                    
+                    <view class="item-info">
+                        <text class="item-name">{{ item.name }}</text>
+                        <text class="item-spec">{{ item.spec }}</text>
+                        
+                        <view class="item-footer">
+                            <text class="item-price">¥{{ item.price }}</text>
+                            <view class="quantity-control">
+                                <text class="quantity-btn" @click="decreaseQuantity(item.id)">-</text>
+                                <text class="quantity-value">{{ item.quantity }}</text>
+                                <text class="quantity-btn" @click="increaseQuantity(item.id)">+</text>
+                            </view>
+                        </view>
+                    </view>
+                </view>
+            </view>
+            
+            <!-- 推荐商品 -->
+            <view v-if="recommendProducts.length > 0" class="recommend-section">
+                <view class="section-header">
+                    <text class="section-title">猜你喜欢</text>
+                </view>
+                <view class="recommend-list">
+                    <view 
+                        v-for="product in recommendProducts" 
+                        :key="product.id"
+                        class="recommend-item"
+                        @click="navigateToProduct(product)"
+                    >
+                        <image 
+                            class="recommend-image" 
+                            :src="product.image" 
+                            mode="aspectFill"
+                        />
+                        <text class="recommend-name">{{ product.name }}</text>
+                        <text class="recommend-price">¥{{ product.price }}</text>
+                    </view>
+                </view>
+            </view>
+        </scroll-view>
+        
+        <!-- 底部结算栏 -->
+        <view v-if="cartItems.length > 0" class="cart-footer">
+            <view class="footer-left">
+                <view class="select-all" @click="toggleSelectAll">
+                    <text v-if="allSelected" class="selected-icon">✓</text>
+                    <text v-else class="unselected-icon"></text>
+                    <text class="select-all-text">全选</text>
+                </view>
+            </view>
+            
+            <view class="footer-right">
+                <view class="total-info">
+                    <text class="total-text">合计:</text>
+                    <text class="total-price">¥{{ totalPrice }}</text>
+                </view>
+                <button class="checkout-btn" @click="goToCheckout">
+                    去结算({{ selectedCount }})
+                </button>
+            </view>
+        </view>
+    </view>
+</template>
+
+<script setup lang="uts">
+import { ref, computed, onMounted } from 'vue'
+
+// 响应式数据
+const cartItems = ref<any[]>([])
+const recommendProducts = ref<any[]>([])
+const loading = ref<boolean>(false)
+
+// Mock 购物车数据
+const mockCartItems = [
+    {
+        id: '1',
+        name: '无线蓝牙耳机',
+        price: 299,
+        image: 'https://picsum.photos/100/100?random=1',
+        spec: '白色',
+        quantity: 1,
+        selected: true
+    },
+    {
+        id: '2',
+        name: '运动T恤',
+        price: 79,
+        image: 'https://picsum.photos/100/100?random=2',
+        spec: '黑色 L',
+        quantity: 2,
+        selected: true
+    },
+    {
+        id: '3',
+        name: '智能手环',
+        price: 199,
+        image: 'https://picsum.photos/100/100?random=3',
+        spec: '黑色',
+        quantity: 1,
+        selected: false
+    }
+]
+
+const mockRecommendProducts = [
+    {
+        id: '101',
+        name: '保温杯',
+        price: 49,
+        image: 'https://picsum.photos/100/100?random=4'
+    },
+    {
+        id: '102',
+        name: '电动牙刷',
+        price: 89,
+        image: 'https://picsum.photos/100/100?random=5'
+    },
+    {
+        id: '103',
+        name: '运动鞋',
+        price: 199,
+        image: 'https://picsum.photos/100/100?random=6'
+    }
+]
+
+// 计算属性
+const allSelected = computed(() => {
+    return cartItems.value.length > 0 && cartItems.value.every(item => item.selected)
+})
+
+const selectedCount = computed(() => {
+    return cartItems.value.filter(item => item.selected).reduce((sum, item) => sum + item.quantity, 0)
+})
+
+const totalPrice = computed(() => {
+    return cartItems.value
+        .filter(item => item.selected)
+        .reduce((sum, item) => sum + item.price * item.quantity, 0)
+        .toFixed(2)
+})
+
+// 生命周期
+onMounted(() => {
+    loadCartData()
+})
+
+// 加载数据
+const loadCartData = () => {
+    loading.value = true
+    setTimeout(() => {
+        cartItems.value = [...mockCartItems]
+        recommendProducts.value = [...mockRecommendProducts]
+        loading.value = false
+    }, 500)
+}
+
+// 商品操作
+const toggleSelect = (itemId: string) => {
+    const index = cartItems.value.findIndex(item => item.id === itemId)
+    if (index !== -1) {
+        cartItems.value[index].selected = !cartItems.value[index].selected
+        cartItems.value = [...cartItems.value] // 触发响应式更新
+    }
+}
+
+const toggleSelectAll = () => {
+    const newSelectedState = !allSelected.value
+    cartItems.value = cartItems.value.map(item => ({
+        ...item,
+        selected: newSelectedState
+    }))
+}
+
+const increaseQuantity = (itemId: string) => {
+    const index = cartItems.value.findIndex(item => item.id === itemId)
+    if (index !== -1) {
+        cartItems.value[index].quantity++
+        cartItems.value = [...cartItems.value]
+    }
+}
+
+const decreaseQuantity = (itemId: string) => {
+    const index = cartItems.value.findIndex(item => item.id === itemId)
+    if (index !== -1 && cartItems.value[index].quantity > 1) {
+        cartItems.value[index].quantity--
+        cartItems.value = [...cartItems.value]
+    }
+}
+
+// 导航函数
+const goShopping = () => {
+    uni.switchTab({ url: '/pages/mall/consumer/index' })
+}
+
+const navigateToProduct = (product: any) => {
+    uni.navigateTo({ url: `/pages/mall/consumer/product-detail?id=${product.id}` })
+}
+
+const goToCheckout = () => {
+    if (selectedCount.value === 0) {
+        uni.showToast({
+            title: '请选择商品',
+            icon: 'none'
+        })
+        return
+    }
+    uni.navigateTo({ url: '/pages/mall/consumer/checkout' })
+}
+</script>
+
+<style>
+.cart-page {
+    width: 100%;
+    height: 100vh;
+    background-color: #f5f5f5;
+    display: flex;
+    flex-direction: column;
+}
+
+/* 头部 */
+.cart-header {
+    background-color: white;
+    padding: 15px;
+    text-align: center;
+    border-bottom: 1px solid #eee;
+}
+
+.header-title {
+    font-size: 18px;
+    font-weight: bold;
+}
+
+/* 内容区 */
+.cart-content {
+    flex: 1;
+    padding-bottom: 60px; /* 为底部结算栏留出空间 */
+}
+
+/* 空购物车 */
+.empty-cart {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 60px 20px;
+    text-align: center;
+}
+
+.empty-icon {
+    font-size: 80px;
+    color: #ddd;
+    margin-bottom: 20px;
+}
+
+.empty-title {
+    font-size: 18px;
+    color: #666;
+    margin-bottom: 10px;
+}
+
+.empty-desc {
+    font-size: 14px;
+    color: #999;
+    margin-bottom: 30px;
+}
+
+.go-shopping-btn {
+    background-color: #ff5000;
+    color: white;
+    border: none;
+    border-radius: 25px;
+    padding: 10px 40px;
+    font-size: 16px;
+}
+
+/* 购物车商品列表 */
+.cart-list {
+    background-color: white;
+    margin: 10px;
+    border-radius: 10px;
+    overflow: hidden;
+}
+
+.cart-item {
+    display: flex;
+    padding: 15px;
+    border-bottom: 1px solid #f5f5f5;
+    align-items: center;
+}
+
+.item-select {
+    width: 40px;
+    height: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.selected-icon {
+    width: 20px;
+    height: 20px;
+    background-color: #ff5000;
+    color: white;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 12px;
+}
+
+.unselected-icon {
+    width: 20px;
+    height: 20px;
+    border: 1px solid #ddd;
+    border-radius: 50%;
+}
+
+.item-image {
+    width: 80px;
+    height: 80px;
+    border-radius: 8px;
+    margin-right: 15px;
+}
+
+.item-info {
+    flex: 1;
+}
+
+.item-name {
+    font-size: 15px;
+    color: #333;
+    margin-bottom: 5px;
+    display: block;
+}
+
+.item-spec {
+    font-size: 13px;
+    color: #999;
+    margin-bottom: 10px;
+    display: block;
+}
+
+.item-footer {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.item-price {
+    font-size: 18px;
+    color: #ff5000;
+    font-weight: bold;
+}
+
+.quantity-control {
+    display: flex;
+    align-items: center;
+    background-color: #f5f5f5;
+    border-radius: 15px;
+    overflow: hidden;
+}
+
+.quantity-btn {
+    width: 30px;
+    height: 30px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 16px;
+    color: #666;
+}
+
+.quantity-value {
+    width: 40px;
+    text-align: center;
+    font-size: 15px;
+}
+
+/* 推荐商品 */
+.recommend-section {
+    margin: 20px 10px;
+    background-color: white;
+    border-radius: 10px;
+    padding: 15px;
+}
+
+.section-header {
+    margin-bottom: 15px;
+}
+
+.section-title {
+    font-size: 16px;
+    font-weight: bold;
+    color: #333;
+}
+
+.recommend-list {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 15px;
+}
+
+.recommend-item {
+    display: flex;
+    flex-direction: column;
+}
+
+.recommend-image {
+    width: 100%;
+    height: 100px;
+    border-radius: 8px;
+    margin-bottom: 8px;
+}
+
+.recommend-name {
+    font-size: 13px;
+    color: #333;
+    margin-bottom: 5px;
+    line-height: 1.4;
+    height: 36px;
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+}
+
+.recommend-price {
+    font-size: 15px;
+    color: #ff5000;
+    font-weight: bold;
+}
+
+/* 底部结算栏 */
+.cart-footer {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 60px;
+    background-color: white;
+    border-top: 1px solid #eee;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 15px;
+}
+
+.footer-left {
+    display: flex;
+    align-items: center;
+}
+
+.select-all {
+    display: flex;
+    align-items: center;
+}
+
+.select-all-text {
+    margin-left: 8px;
+    font-size: 14px;
+    color: #333;
+}
+
+.footer-right {
+    display: flex;
+    align-items: center;
+}
+
+.total-info {
+    margin-right: 15px;
+    text-align: right;
+}
+
+.total-text {
+    font-size: 14px;
+    color: #333;
+    margin-right: 5px;
+}
+
+.total-price {
+    font-size: 18px;
+    color: #ff5000;
+    font-weight: bold;
+}
+
+.checkout-btn {
+    background-color: #ff5000;
+    color: white;
+    border: none;
+    border-radius: 25px;
+    padding: 8px 20px;
+    font-size: 14px;
+}
+</style>
\ No newline at end of file
diff --git a/pages/mall/consumer/category - 副本.uvue b/pages/mall/consumer/category - 副本.uvue
new file mode 100644
index 00000000..be8f8358
--- /dev/null
+++ b/pages/mall/consumer/category - 副本.uvue	
@@ -0,0 +1,526 @@
+<!-- 商品分类页面 -->
+<template>
+	<view class="category-page">
+		<!-- 搜索栏 -->
+		<view class="search-header">
+			<view class="search-box" @click="goToSearch">
+				<text class="search-icon">🔍</text>
+				<text class="search-placeholder">搜索商品</text>
+			</view>
+		</view>
+
+		<view class="category-container">
+			<!-- 左侧分类导航 -->
+			<scroll-view class="category-nav" scroll-y>
+				<view v-for="category in categories" 
+							:key="category.id" 
+							:class="['nav-item', { active: activeCategoryId === category.id }]"
+							@click="selectCategory(category)">
+					<text class="nav-text">{{ category.name }}</text>
+				</view>
+			</scroll-view>
+
+			<!-- 右侧内容区域 -->
+			<scroll-view class="category-content" scroll-y>
+				<!-- 当前分类的banner -->
+				<view v-if="currentCategory" class="category-banner">
+					<image class="banner-image" :src="currentCategory.image_url || '/static/default-banner.png'" />
+				</view>
+
+				<!-- 子分类 -->
+				<view v-if="subCategories.length > 0" class="sub-category-section">
+					<view class="section-title">{{ currentCategory?.name }}分类</view>
+					<view class="sub-category-grid">
+						<view v-for="subCategory in subCategories" 
+									:key="subCategory.id" 
+									class="sub-category-item"
+									@click="navigateToSubCategory(subCategory)">
+							<image class="sub-category-icon" :src="subCategory.icon_url || '/static/default-category.png'" />
+							<text class="sub-category-name">{{ subCategory.name }}</text>
+						</view>
+					</view>
+				</view>
+
+				<!-- 品牌专区 -->
+				<view v-if="brands.length > 0" class="brand-section">
+					<view class="section-header">
+						<text class="section-title">品牌推荐</text>
+						<text class="more-btn" @click="viewAllBrands">更多 ›</text>
+					</view>
+					<scroll-view class="brand-scroll" scroll-x>
+						<view class="brand-list">
+							<view v-for="brand in brands" 
+										:key="brand.id" 
+										class="brand-item"
+										@click="viewBrandProducts(brand)">
+								<image class="brand-logo" :src="brand.logo_url || '/static/default-brand.png'" />
+								<text class="brand-name">{{ brand.name }}</text>
+							</view>
+						</view>
+					</scroll-view>
+				</view>
+
+				<!-- 热销商品 -->
+				<view v-if="hotProducts.length > 0" class="hot-products-section">
+					<view class="section-title">热销商品</view>
+					<view class="hot-products-grid">
+						<view v-for="product in hotProducts" 
+									:key="product.id" 
+									class="product-item"
+									@click="viewProductDetail(product)">
+							<image class="product-image" :src="getProductFirstImage(product)" />
+							<view class="product-info">
+								<text class="product-name">{{ product.name }}</text>
+								<view class="product-price-row">
+									<text class="current-price">¥{{ product.price }}</text>
+									<text v-if="product.original_price && product.original_price > product.price" 
+												class="original-price">¥{{ product.original_price }}</text>
+								</view>
+								<view class="sales-info">
+									<text class="sales-text">已售{{ product.sales }}</text>
+								</view>
+							</view>
+						</view>
+					</view>
+				</view>
+
+				<!-- 加载更多 -->
+				<view v-if="isLoadingProducts" class="loading-more">
+					<text class="loading-text">加载中...</text>
+				</view>
+			</scroll-view>
+		</view>
+	</view>
+</template>
+
+<script setup lang="uts">
+import { ref, onMounted, watch } from 'vue'
+import type { ProductType } from '@/types/mall-types.uts'
+import supa from '@/components/supadb/aksupainstance.uts'
+
+type CategoryType = {
+	id: string
+	name: string
+	parent_id: string | null
+	icon_url: string | null
+	image_url: string | null
+	sort_order: number
+	is_active: boolean
+}
+
+type BrandType = {
+	id: string
+	name: string
+	logo_url: string | null
+	description: string | null
+}
+
+const categories = ref<Array<CategoryType>>([])
+const activeCategoryId = ref<string>('')
+const currentCategory = ref<CategoryType | null>(null)
+const subCategories = ref<Array<CategoryType>>([])
+const brands = ref<Array<BrandType>>([])
+const hotProducts = ref<Array<ProductType>>([])
+const isLoadingProducts = ref<boolean>(false)
+
+// 监听分类切换
+watch(activeCategoryId, (newId) => {
+	if (newId) {
+		loadCategoryData(newId)
+	}
+})
+
+// 生命周期
+onMounted(() => {
+	loadCategories()
+})
+
+// 加载一级分类
+const loadCategories = async () => {
+	try {
+		const { data, error } = await supa
+			.from('categories')
+			.select('*')
+			.eq('is_active', true)
+			.is('parent_id', null)
+			.order('sort_order', { ascending: true })
+
+		if (error !== null) {
+			console.error('加载分类失败:', error)
+			return
+		}
+
+		categories.value = data ?? []
+		
+		// 默认选中第一个分类
+		if (categories.value.length > 0) {
+			activeCategoryId.value = categories.value[0].id
+		}
+	} catch (err) {
+		console.error('加载分类异常:', err)
+	}
+}
+
+// 加载分类数据
+const loadCategoryData = async (categoryId: string) => {
+	// 1. 获取当前分类信息
+	try {
+		const { data: categoryData, error: categoryError } = await supa
+			.from('categories')
+			.select('*')
+			.eq('id', categoryId)
+			.single()
+
+		if (categoryError !== null) {
+			console.error('加载分类详情失败:', categoryError)
+			return
+		}
+
+		currentCategory.value = categoryData
+
+		// 2. 加载子分类
+		const { data: subData, error: subError } = await supa
+			.from('categories')
+			.select('*')
+			.eq('parent_id', categoryId)
+			.eq('is_active', true)
+			.order('sort_order', { ascending: true })
+
+		if (subError !== null) {
+			console.error('加载子分类失败:', subError)
+		} else {
+			subCategories.value = subData ?? []
+		}
+
+		// 3. 加载品牌
+		const { data: brandData, error: brandError } = await supa
+			.from('brands')
+			.select('*')
+			.eq('is_active', true)
+			.order('sort_order', { ascending: true })
+			.limit(8)
+
+		if (brandError !== null) {
+			console.error('加载品牌失败:', brandError)
+		} else {
+			brands.value = brandData ?? []
+		}
+
+		// 4. 加载热销商品
+		loadHotProducts(categoryId)
+	} catch (err) {
+		console.error('加载分类数据异常:', err)
+	}
+}
+
+// 加载热销商品
+const loadHotProducts = async (categoryId: string) => {
+	isLoadingProducts.value = true
+
+	try {
+		const { data, error } = await supa
+			.from('products')
+			.select('*')
+			.eq('status', 1)
+			.eq('category_id', categoryId)
+			.order('sales', { ascending: false })
+			.limit(12)
+
+		if (error !== null) {
+			console.error('加载热销商品失败:', error)
+			return
+		}
+
+		hotProducts.value = data ?? []
+	} catch (err) {
+		console.error('加载热销商品异常:', err)
+	} finally {
+		isLoadingProducts.value = false
+	}
+}
+
+// 获取商品第一张图片
+const getProductFirstImage = (product: ProductType): string => {
+	return product.images?.[0] || '/static/default-product.png'
+}
+
+// 选择分类
+const selectCategory = (category: CategoryType) => {
+	activeCategoryId.value = category.id
+}
+
+// 导航到子分类
+const navigateToSubCategory = (subCategory: CategoryType) => {
+	// 可以跳转到子分类的商品列表页
+	uni.navigateTo({
+		url: `/pages/mall/consumer/product-list?categoryId=${subCategory.id}&title=${encodeURIComponent(subCategory.name)}`
+	})
+}
+
+// 查看品牌商品
+const viewBrandProducts = (brand: BrandType) => {
+	uni.navigateTo({
+		url: `/pages/mall/consumer/product-list?brandId=${brand.id}&title=${encodeURIComponent(brand.name)}`
+	})
+}
+
+// 查看商品详情
+const viewProductDetail = (product: ProductType) => {
+	uni.navigateTo({
+		url: `/pages/mall/consumer/product-detail?id=${product.id}`
+	})
+}
+
+// 查看所有品牌
+const viewAllBrands = () => {
+	uni.navigateTo({
+		url: '/pages/mall/consumer/brands'
+	})
+}
+
+// 跳转到搜索页
+const goToSearch = () => {
+	uni.navigateTo({
+		url: '/pages/mall/consumer/search'
+	})
+}
+</script>
+
+<style scoped>
+.category-page {
+	display: flex;
+	flex-direction: column;
+	height: 100vh;
+	background-color: #ffffff;
+}
+
+.search-header {
+	background-color: #ffffff;
+	padding: 10px 15px;
+	border-bottom: 1px solid #e5e5e5;
+}
+
+.search-box {
+	background-color: #f8f8f8;
+	border-radius: 20px;
+	padding: 10px 15px;
+	display: flex;
+	align-items: center;
+}
+
+.search-icon {
+	color: #999999;
+	margin-right: 8px;
+}
+
+.search-placeholder {
+	color: #999999;
+	font-size: 14px;
+}
+
+.category-container {
+	flex: 1;
+	display: flex;
+}
+
+.category-nav {
+	width: 100px;
+	background-color: #f8f8f8;
+	border-right: 1px solid #e5e5e5;
+}
+
+.nav-item {
+	padding: 15px 10px;
+	text-align: center;
+	border-bottom: 1px solid #e5e5e5;
+}
+
+.nav-item.active {
+	background-color: #ffffff;
+	color: #007aff;
+	border-left: 3px solid #007aff;
+}
+
+.nav-text {
+	font-size: 14px;
+	color: #333333;
+}
+
+.nav-item.active .nav-text {
+	color: #007aff;
+	font-weight: bold;
+}
+
+.category-content {
+	flex: 1;
+}
+
+.category-banner {
+	padding: 15px;
+}
+
+.banner-image {
+	width: 100%;
+	height: 120px;
+	border-radius: 8px;
+}
+
+.sub-category-section,
+.brand-section,
+.hot-products-section {
+	padding: 15px;
+}
+
+.section-title {
+	font-size: 16px;
+	font-weight: bold;
+	color: #333333;
+	margin-bottom: 15px;
+}
+
+.section-header {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	margin-bottom: 15px;
+}
+
+.more-btn {
+	color: #007aff;
+	font-size: 14px;
+}
+
+.sub-category-grid {
+	display: flex;
+	flex-wrap: wrap;
+	margin: 0 -5px;
+}
+
+.sub-category-item {
+	width: 33.33%;
+	padding: 0 5px;
+	margin-bottom: 15px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}
+
+.sub-category-icon {
+	width: 50px;
+	height: 50px;
+	border-radius: 25px;
+	margin-bottom: 8px;
+}
+
+.sub-category-name {
+	font-size: 12px;
+	color: #666666;
+	text-align: center;
+}
+
+.brand-scroll {
+	width: 100%;
+	white-space: nowrap;
+}
+
+.brand-list {
+	display: inline-flex;
+}
+
+.brand-item {
+	width: 80px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	margin-right: 15px;
+}
+
+.brand-logo {
+	width: 60px;
+	height: 60px;
+	border-radius: 8px;
+	margin-bottom: 8px;
+	border: 1px solid #e5e5e5;
+}
+
+.brand-name {
+	font-size: 12px;
+	color: #333333;
+	text-align: center;
+}
+
+.hot-products-grid {
+	display: flex;
+	flex-wrap: wrap;
+	margin: 0 -5px;
+}
+
+.product-item {
+	width: 50%;
+	padding: 0 5px;
+	margin-bottom: 15px;
+}
+
+.product-image {
+	width: 100%;
+	height: 100px;
+	border-radius: 5px;
+	margin-bottom: 8px;
+}
+
+.product-info {
+	padding: 0 5px;
+}
+
+.product-name {
+	font-size: 13px;
+	color: #333333;
+	line-height: 1.4;
+	margin-bottom: 8px;
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 2;
+	overflow: hidden;
+}
+
+.product-price-row {
+	display: flex;
+	align-items: baseline;
+	margin-bottom: 5px;
+}
+
+.current-price {
+	font-size: 14px;
+	color: #ff4757;
+	font-weight: bold;
+	margin-right: 5px;
+}
+
+.original-price {
+	font-size: 12px;
+	color: #999999;
+	text-decoration: line-through;
+}
+
+.sales-info {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.sales-text {
+	font-size: 11px;
+	color: #999999;
+}
+
+.loading-more {
+	padding: 20px;
+	display: flex;
+	justify-content: center;
+}
+
+.loading-text {
+	color: #999999;
+	font-size: 14px;
+}
+</style>
\ No newline at end of file
diff --git a/pages/mall/consumer/category.uvue b/pages/mall/consumer/category.uvue
new file mode 100644
index 00000000..a92848ae
--- /dev/null
+++ b/pages/mall/consumer/category.uvue
@@ -0,0 +1,361 @@
+<!-- pages/mall/consumer/category.uvue -->
+<template>
+    <view class="category-page">
+        <!-- 顶部搜索栏 -->
+        <view class="search-bar">
+            <view class="search-box" @click="navigateToSearch">
+                <text class="search-icon">🔍</text>
+                <text class="search-placeholder">搜索商品</text>
+            </view>
+        </view>
+        
+        <!-- 分类内容区 -->
+        <view class="category-content">
+            <!-- 左侧一级分类 -->
+            <scroll-view scroll-y class="primary-category">
+                <view 
+                    v-for="item in primaryCategories" 
+                    :key="item.id"
+                    :class="['primary-item', { active: activePrimary === item.id }]"
+                    @click="selectPrimaryCategory(item.id)"
+                >
+                    <text class="primary-name">{{ item.name }}</text>
+                </view>
+            </scroll-view>
+            
+            <!-- 右侧二级分类和商品 -->
+            <scroll-view scroll-y class="secondary-content">
+                <!-- 二级分类 -->
+                <view v-if="secondaryCategories.length > 0" class="secondary-category">
+                    <view 
+                        v-for="sub in secondaryCategories" 
+                        :key="sub.id"
+                        class="secondary-item"
+                        @click="selectSecondaryCategory(sub.id)"
+                    >
+                        <image 
+                            class="sub-category-image" 
+                            :src="sub.image" 
+                            mode="aspectFill"
+                        />
+                        <text class="sub-category-name">{{ sub.name }}</text>
+                    </view>
+                </view>
+                
+                <!-- 商品列表 -->
+                <view v-if="productList.length > 0" class="product-list">
+                    <view 
+                        v-for="product in productList" 
+                        :key="product.id"
+                        class="product-item"
+                        @click="navigateToProduct(product)"
+                    >
+                        <view class="product-image-wrapper">
+                            <image 
+                                class="product-image" 
+                                :src="product.image" 
+                                mode="aspectFill"
+                            />
+                        </view>
+                        <text class="product-name">{{ product.name }}</text>
+                        <text class="product-price">¥{{ product.price }}</text>
+                    </view>
+                </view>
+                
+                <!-- 空状态 -->
+                <view v-if="!loading && productList.length === 0 && secondaryCategories.length === 0" class="empty-state">
+                    <text class="empty-icon">📁</text>
+                    <text class="empty-text">暂无商品</text>
+                    <button class="reload-btn" @click="loadData">刷新</button>
+                </view>
+            </scroll-view>
+        </view>
+    </view>
+</template>
+
+<script setup lang="uts">
+import { ref, onMounted } from 'vue'
+
+// 响应式数据
+const primaryCategories = ref<any[]>([])
+const secondaryCategories = ref<any[]>([])
+const productList = ref<any[]>([])
+const activePrimary = ref<string>('1')
+const loading = ref<boolean>(false)
+
+// Mock 数据
+const mockCategories = {
+    primary: [
+        { id: '1', name: '推荐' },
+        { id: '2', name: '女装' },
+        { id: '3', name: '男装' },
+        { id: '4', name: '鞋靴' },
+        { id: '5', name: '箱包' },
+        { id: '6', name: '美妆' },
+        { id: '7', name: '数码' },
+        { id: '8', name: '家电' },
+        { id: '9', name: '家居' },
+        { id: '10', name: '母婴' },
+        { id: '11', name: '食品' },
+        { id: '12', name: '运动' },
+        { id: '13', name: '汽车' },
+        { id: '14', name: '百货' }
+    ],
+    
+    secondary: {
+        '1': [
+            { id: '101', name: '热销推荐', image: 'https://picsum.photos/100/100?random=1' },
+            { id: '102', name: '新品上市', image: 'https://picsum.photos/100/100?random=2' },
+            { id: '103', name: '限时特惠', image: 'https://picsum.photos/100/100?random=3' },
+            { id: '104', name: '精选好物', image: 'https://picsum.photos/100/100?random=4' }
+        ],
+        '2': [
+            { id: '201', name: '连衣裙', image: 'https://picsum.photos/100/100?random=5' },
+            { id: '202', name: 'T恤', image: 'https://picsum.photos/100/100?random=6' },
+            { id: '203', name: '裤子', image: 'https://picsum.photos/100/100?random=7' },
+            { id: '204', name: '外套', image: 'https://picsum.photos/100/100?random=8' },
+            { id: '205', name: '内衣', image: 'https://picsum.photos/100/100?random=9' }
+        ]
+    },
+    
+    products: {
+        '101': [
+            { id: '1001', name: '热销商品1', price: 99.9, image: 'https://picsum.photos/150/150?random=10' },
+            { id: '1002', name: '热销商品2', price: 199, image: 'https://picsum.photos/150/150?random=11' },
+            { id: '1003', name: '热销商品3', price: 299, image: 'https://picsum.photos/150/150?random=12' }
+        ],
+        '201': [
+            { id: '2001', name: '连衣裙1', price: 199, image: 'https://picsum.photos/150/150?random=13' },
+            { id: '2002', name: '连衣裙2', price: 299, image: 'https://picsum.photos/150/150?random=14' }
+        ]
+    }
+}
+
+// 生命周期
+onMounted(() => {
+    loadData()
+})
+
+// 加载数据
+const loadData = () => {
+    loading.value = true
+    
+    // 使用模拟数据
+    setTimeout(() => {
+        primaryCategories.value = mockCategories.primary
+        secondaryCategories.value = mockCategories.secondary[activePrimary.value] || []
+        productList.value = mockCategories.products['101'] || []
+        loading.value = false
+    }, 500)
+}
+
+// 选择一级分类
+const selectPrimaryCategory = (categoryId: string) => {
+    activePrimary.value = categoryId
+    secondaryCategories.value = mockCategories.secondary[categoryId] || []
+    productList.value = mockCategories.products[categoryId + '01'] || []
+}
+
+// 选择二级分类
+const selectSecondaryCategory = (subCategoryId: string) => {
+    productList.value = mockCategories.products[subCategoryId] || []
+}
+
+// 导航函数
+const navigateToSearch = () => {
+    uni.navigateTo({ url: '/pages/mall/consumer/search' })
+}
+
+const navigateToProduct = (product: any) => {
+    uni.navigateTo({ url: `/pages/mall/consumer/product-detail?id=${product.id}` })
+}
+</script>
+
+<style>
+.category-page {
+    width: 100%;
+    height: 100vh;
+    background-color: #f5f5f5;
+    display: flex;
+    flex-direction: column;
+}
+
+/* 搜索栏 */
+.search-bar {
+    padding: 10px 15px;
+    background-color: white;
+    border-bottom: 1px solid #eee;
+}
+
+.search-box {
+    background-color: #f5f5f5;
+    border-radius: 20px;
+    padding: 10px 15px;
+    display: flex;
+    align-items: center;
+}
+
+.search-icon {
+    color: #999;
+    margin-right: 10px;
+}
+
+.search-placeholder {
+    color: #999;
+    font-size: 14px;
+}
+
+/* 分类内容区 */
+.category-content {
+    flex: 1;
+    display: flex;
+    overflow: hidden;
+}
+
+/* 左侧一级分类 */
+.primary-category {
+    width: 100px;
+    background-color: white;
+    border-right: 1px solid #eee;
+}
+
+.primary-item {
+    padding: 15px 10px;
+    text-align: center;
+    border-bottom: 1px solid #f5f5f5;
+}
+
+.primary-item.active {
+    background-color: #fff0e8;
+    color: #ff5000;
+    font-weight: bold;
+}
+
+.primary-item.active::after {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    width: 3px;
+    background-color: #ff5000;
+}
+
+.primary-name {
+    font-size: 14px;
+    line-height: 1.4;
+}
+
+/* 右侧内容区 */
+.secondary-content {
+    flex: 1;
+    padding: 15px;
+    background-color: #f5f5f5;
+}
+
+/* 二级分类 */
+.secondary-category {
+    background-color: white;
+    border-radius: 10px;
+    padding: 15px;
+    margin-bottom: 15px;
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 15px;
+}
+
+.secondary-item {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.sub-category-image {
+    width: 60px;
+    height: 60px;
+    border-radius: 30px;
+    margin-bottom: 8px;
+}
+
+.sub-category-name {
+    font-size: 12px;
+    color: #333;
+    text-align: center;
+}
+
+/* 商品列表 */
+.product-list {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 10px;
+}
+
+.product-item {
+    background-color: white;
+    border-radius: 8px;
+    overflow: hidden;
+    padding: 10px;
+}
+
+.product-image-wrapper {
+    width: 100%;
+    height: 150px;
+    overflow: hidden;
+    border-radius: 6px;
+    margin-bottom: 8px;
+}
+
+.product-image {
+    width: 100%;
+    height: 100%;
+}
+
+.product-name {
+    font-size: 13px;
+    color: #333;
+    line-height: 1.4;
+    height: 36px;
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    margin-bottom: 5px;
+}
+
+.product-price {
+    font-size: 16px;
+    color: #ff5000;
+    font-weight: bold;
+}
+
+/* 空状态 */
+.empty-state {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 50px 20px;
+    text-align: center;
+}
+
+.empty-icon {
+    font-size: 60px;
+    color: #ccc;
+    margin-bottom: 15px;
+}
+
+.empty-text {
+    font-size: 16px;
+    color: #999;
+    margin-bottom: 20px;
+}
+
+.reload-btn {
+    background-color: #ff5000;
+    color: white;
+    border: none;
+    border-radius: 20px;
+    padding: 8px 25px;
+    font-size: 14px;
+}
+</style>
\ No newline at end of file
diff --git a/pages/mall/consumer/chat.uvue b/pages/mall/consumer/chat.uvue
new file mode 100644
index 00000000..16c2fafc
--- /dev/null
+++ b/pages/mall/consumer/chat.uvue
@@ -0,0 +1,593 @@
+<!-- pages/mall/consumer/chat.uvue -->
+<template>
+    <view class="chat-page">
+        <!-- 聊天头部 -->
+        <view class="chat-header">
+            <view class="header-back" @click="goBack">
+                <text class="back-icon">‹</text>
+            </view>
+            <view class="header-info">
+                <text class="chat-title">在线客服</text>
+                <text class="chat-status">在线</text>
+            </view>
+            <view class="header-actions">
+                <text class="action-icon" @click="showMoreActions">⋮</text>
+            </view>
+        </view>
+        
+        <!-- 聊天内容 -->
+        <scroll-view 
+            scroll-y 
+            class="chat-content"
+            :scroll-into-view="scrollToView"
+            scroll-with-animation
+        >
+            <!-- 聊天消息列表 -->
+            <view class="chat-messages">
+                <!-- 系统消息 -->
+                <view class="message-item system">
+                    <text class="system-text">客服 小美 已接入，请描述您的问题</text>
+                </view>
+                
+                <!-- 时间分割线 -->
+                <view class="time-divider">
+                    <text>今天 14:30</text>
+                </view>
+                
+                <!-- 消息项 -->
+                <view 
+                    v-for="message in messages" 
+                    :key="message.id"
+                    :class="['message-item', message.type]"
+                    :id="'msg-' + message.id"
+                >
+                    <!-- 对方消息 -->
+                    <view v-if="message.type === 'received'" class="message-wrapper">
+                        <image 
+                            class="avatar" 
+                            src="https://picsum.photos/40/40?random=1" 
+                            mode="aspectFill"
+                        />
+                        <view class="message-content-wrapper">
+                            <text class="sender-name">客服小美</text>
+                            <view class="message-bubble">
+                                <text class="message-text">{{ message.content }}</text>
+                                <text class="message-time">{{ message.time }}</text>
+                            </view>
+                        </view>
+                    </view>
+                    
+                    <!-- 我的消息 -->
+                    <view v-else class="message-wrapper me">
+                        <view class="message-content-wrapper">
+                            <view class="message-bubble me">
+                                <text class="message-text">{{ message.content }}</text>
+                                <text class="message-time">{{ message.time }}</text>
+                            </view>
+                        </view>
+                        <image 
+                            class="avatar me" 
+                            src="https://picsum.photos/40/40?random=2" 
+                            mode="aspectFill"
+                        />
+                    </view>
+                </view>
+            </view>
+        </scroll-view>
+        
+        <!-- 聊天输入区 -->
+        <view class="chat-input">
+            <view class="input-tools">
+                <text class="tool-icon" @click="showEmojiPicker">😊</text>
+                <text class="tool-icon" @click="showImagePicker">📷</text>
+                <text class="tool-icon" @click="showMoreTools">➕</text>
+            </view>
+            
+            <view class="input-wrapper">
+                <input 
+                    class="message-input" 
+                    v-model="inputMessage"
+                    placeholder="请输入消息..."
+                    :focus="inputFocus"
+                    @confirm="sendMessage"
+                    confirm-type="send"
+                />
+                <button 
+                    class="send-button" 
+                    :class="{ active: inputMessage.trim() }" 
+                    @click="sendMessage"
+                >
+                    发送
+                </button>
+            </view>
+        </view>
+        
+        <!-- 表情选择器 -->
+        <view v-if="showEmoji" class="emoji-picker">
+            <view class="emoji-category">
+                <text 
+                    v-for="emoji in emojiList" 
+                    :key="emoji"
+                    class="emoji-item"
+                    @click="insertEmoji(emoji)"
+                >
+                    {{ emoji }}
+                </text>
+            </view>
+        </view>
+    </view>
+</template>
+
+<script setup lang="uts">
+import { ref, reactive, onMounted, nextTick } from 'vue'
+
+// 响应式数据
+const messages = ref<any[]>([])
+const inputMessage = ref<string>('')
+const inputFocus = ref<boolean>(false)
+const showEmoji = ref<boolean>(false)
+const scrollToView = ref<string>('')
+
+// 模拟表情列表
+const emojiList = ['😊', '😂', '🤣', '😍', '😘', '🥰', '😭', '😡', '👍', '👏', '🙏', '🎉', '❤️', '🔥', '⭐']
+
+// Mock 聊天记录
+const mockMessages = [
+    {
+        id: 1,
+        type: 'received',
+        content: '您好，欢迎咨询！有什么可以帮助您的吗？',
+        time: '14:30'
+    },
+    {
+        id: 2,
+        type: 'sent',
+        content: '你好，我昨天下的订单一直没有发货',
+        time: '14:31'
+    },
+    {
+        id: 3,
+        type: 'received',
+        content: '请问您的订单号是多少？我帮您查询一下',
+        time: '14:32'
+    },
+    {
+        id: 4,
+        type: 'sent',
+        content: '订单号是202311230001',
+        time: '14:33'
+    },
+    {
+        id: 5,
+        type: 'received',
+        content: '正在为您查询订单状态...',
+        time: '14:34'
+    }
+]
+
+// 生命周期
+onMounted(() => {
+    loadChatHistory()
+    
+    // 模拟客服自动回复
+    setTimeout(() => {
+        addReceivedMessage('查询到您的订单正在打包中，预计今天下午发货')
+    }, 3000)
+})
+
+// 加载聊天记录
+const loadChatHistory = () => {
+    messages.value = [...mockMessages]
+    
+    // 滚动到底部
+    setTimeout(() => {
+        scrollToBottom()
+    }, 100)
+}
+
+// 发送消息
+const sendMessage = () => {
+    const content = inputMessage.value.trim()
+    if (!content) return
+    
+    // 添加发送的消息
+    const newMessage = {
+        id: Date.now(),
+        type: 'sent',
+        content: content,
+        time: getCurrentTime()
+    }
+    
+    messages.value.push(newMessage)
+    inputMessage.value = ''
+    
+    // 滚动到底部
+    scrollToBottom()
+    
+    // 模拟客服回复（2秒后）
+    setTimeout(() => {
+        simulateCustomerReply()
+    }, 2000)
+}
+
+// 模拟客服回复
+const simulateCustomerReply = () => {
+    const replies = [
+        '好的，已为您记录',
+        '这个问题需要进一步核实',
+        '我明白了，马上为您处理',
+        '请稍等，正在为您查询',
+        '感谢您的反馈'
+    ]
+    
+    const randomReply = replies[Math.floor(Math.random() * replies.length)]
+    addReceivedMessage(randomReply)
+}
+
+// 添加接收的消息
+const addReceivedMessage = (content: string) => {
+    const newMessage = {
+        id: Date.now(),
+        type: 'received',
+        content: content,
+        time: getCurrentTime()
+    }
+    
+    messages.value.push(newMessage)
+    scrollToBottom()
+}
+
+// 滚动到底部
+const scrollToBottom = () => {
+    nextTick(() => {
+        if (messages.value.length > 0) {
+            const lastMsgId = messages.value[messages.value.length - 1].id
+            scrollToView.value = 'msg-' + lastMsgId
+        }
+    })
+}
+
+// 获取当前时间
+const getCurrentTime = (): string => {
+    const now = new Date()
+    const hours = now.getHours().toString().padStart(2, '0')
+    const minutes = now.getMinutes().toString().padStart(2, '0')
+    return `${hours}:${minutes}`
+}
+
+// 插入表情
+const insertEmoji = (emoji: string) => {
+    inputMessage.value += emoji
+    inputFocus.value = true
+}
+
+// 显示表情选择器
+const showEmojiPicker = () => {
+    showEmoji.value = !showEmoji.value
+}
+
+// 显示图片选择器
+const showImagePicker = () => {
+    uni.chooseImage({
+        count: 1,
+        success: (res) => {
+            console.log('选择图片:', res.tempFilePaths)
+            // 这里可以处理图片上传
+        }
+    })
+}
+
+// 显示更多工具
+const showMoreTools = () => {
+    uni.showActionSheet({
+        itemList: ['发送位置', '发送文件', '发送语音'],
+        success: (res) => {
+            console.log('选择工具:', res.tapIndex)
+        }
+    })
+}
+
+// 显示更多操作
+const showMoreActions = () => {
+    uni.showActionSheet({
+        itemList: ['投诉客服', '结束对话', '清除记录'],
+        success: (res) => {
+            switch (res.tapIndex) {
+                case 0:
+                    uni.navigateTo({ url: '/pages/mall/consumer/complaint' })
+                    break
+                case 1:
+                    uni.showModal({
+                        title: '确认结束',
+                        content: '确定要结束本次对话吗？',
+                        success: (res) => {
+                            if (res.confirm) {
+                                uni.navigateBack()
+                            }
+                        }
+                    })
+                    break
+                case 2:
+                    uni.showModal({
+                        title: '确认清除',
+                        content: '确定要清除聊天记录吗？',
+                        success: (res) => {
+                            if (res.confirm) {
+                                messages.value = []
+                            }
+                        }
+                    })
+                    break
+            }
+        }
+    })
+}
+
+// 返回
+const goBack = () => {
+    uni.navigateBack()
+}
+</script>
+
+<style>
+.chat-page {
+    width: 100%;
+    height: 100vh;
+    background-color: #f5f5f5;
+    display: flex;
+    flex-direction: column;
+}
+
+/* 聊天头部 */
+.chat-header {
+    background-color: white;
+    padding: 10px 15px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    border-bottom: 1px solid #eee;
+}
+
+.header-back {
+    width: 40px;
+}
+
+.back-icon {
+    font-size: 24px;
+    color: #333;
+}
+
+.header-info {
+    flex: 1;
+    text-align: center;
+}
+
+.chat-title {
+    font-size: 16px;
+    font-weight: bold;
+    color: #333;
+    display: block;
+    margin-bottom: 2px;
+}
+
+.chat-status {
+    font-size: 12px;
+    color: #34c759;
+}
+
+.header-actions .action-icon {
+    font-size: 20px;
+    color: #333;
+    width: 40px;
+    text-align: right;
+}
+
+/* 聊天内容区 */
+.chat-content {
+    flex: 1;
+    padding: 15px;
+    padding-bottom: 70px; /* 为输入区留出空间 */
+}
+
+/* 系统消息 */
+.message-item.system {
+    text-align: center;
+    margin-bottom: 20px;
+}
+
+.system-text {
+    font-size: 12px;
+    color: #999;
+    background-color: #f0f0f0;
+    padding: 5px 15px;
+    border-radius: 15px;
+    display: inline-block;
+}
+
+/* 时间分割线 */
+.time-divider {
+    text-align: center;
+    margin: 20px 0;
+}
+
+.time-divider text {
+    font-size: 12px;
+    color: #999;
+    background-color: #f0f0f0;
+    padding: 3px 10px;
+    border-radius: 10px;
+}
+
+/* 消息项 */
+.message-wrapper {
+    display: flex;
+    margin-bottom: 15px;
+}
+
+.message-wrapper.me {
+    justify-content: flex-end;
+}
+
+.avatar {
+    width: 40px;
+    height: 40px;
+    border-radius: 20px;
+    margin-right: 10px;
+    flex-shrink: 0;
+}
+
+.avatar.me {
+    margin-right: 0;
+    margin-left: 10px;
+    order: 2;
+}
+
+.message-content-wrapper {
+    max-width: 70%;
+}
+
+.sender-name {
+    font-size: 12px;
+    color: #999;
+    margin-bottom: 5px;
+    display: block;
+}
+
+.message-bubble {
+    background-color: white;
+    padding: 10px 15px;
+    border-radius: 18px;
+    position: relative;
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
+    max-width: 100%;
+    word-wrap: break-word;
+}
+
+.message-bubble.me {
+    background-color: #95ec69;
+    border-bottom-right-radius: 4px;
+}
+
+.message-bubble:not(.me) {
+    border-bottom-left-radius: 4px;
+}
+
+.message-text {
+    font-size: 15px;
+    color: #333;
+    line-height: 1.4;
+    display: block;
+    margin-bottom: 5px;
+}
+
+.message-time {
+    font-size: 11px;
+    color: #999;
+    display: block;
+    text-align: right;
+}
+
+/* 聊天输入区 */
+.chat-input {
+    background-color: white;
+    border-top: 1px solid #eee;
+    padding: 10px 15px;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    z-index: 100;
+}
+
+.input-tools {
+    display: flex;
+    margin-bottom: 10px;
+}
+
+.tool-icon {
+    font-size: 20px;
+    margin-right: 15px;
+    color: #666;
+}
+
+.input-wrapper {
+    display: flex;
+    align-items: center;
+}
+
+.message-input {
+    flex: 1;
+    background-color: #f5f5f5;
+    border-radius: 20px;
+    padding: 10px 15px;
+    font-size: 15px;
+    margin-right: 10px;
+    min-height: 40px;
+    max-height: 100px;
+}
+
+.send-button {
+    background-color: #ccc;
+    color: white;
+    border: none;
+    border-radius: 20px;
+    padding: 8px 20px;
+    font-size: 14px;
+    min-width: 60px;
+    transition: all 0.3s ease;
+}
+
+.send-button.active {
+    background-color: #ff5000;
+}
+
+/* 表情选择器 */
+.emoji-picker {
+    background-color: white;
+    border-top: 1px solid #eee;
+    padding: 10px;
+    max-height: 200px;
+    overflow-y: auto;
+    position: fixed;
+    bottom: 60px;
+    left: 0;
+    right: 0;
+    z-index: 99;
+}
+
+.emoji-category {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.emoji-item {
+    font-size: 24px;
+    padding: 8px;
+    width: 45px;
+    height: 45px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+/* 响应式适配 */
+@media screen and (max-width: 320px) {
+    .message-content-wrapper {
+        max-width: 65%;
+    }
+    
+    .message-text {
+        font-size: 14px;
+    }
+}
+
+@media screen and (min-width: 415px) {
+    .message-content-wrapper {
+        max-width: 75%;
+    }
+    
+    .chat-input {
+        padding: 15px 20px;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/pages/mall/consumer/checkout.uvue b/pages/mall/consumer/checkout.uvue
new file mode 100644
index 00000000..6f62924f
--- /dev/null
+++ b/pages/mall/consumer/checkout.uvue
@@ -0,0 +1,739 @@
+<!-- 结算页面 -->
+<template>
+	<view class="checkout-page">
+		<!-- 顶部栏 -->
+		<view class="checkout-header">
+			<text class="back-btn" @click="goBack">‹</text>
+			<text class="header-title">订单结算</text>
+		</view>
+
+		<scroll-view class="checkout-content" scroll-y>
+			<!-- 收货地址 -->
+			<view class="address-section" @click="selectAddress">
+				<view v-if="selectedAddress" class="address-info">
+					<view class="address-header">
+						<text class="recipient">{{ selectedAddress.recipient_name }}</text>
+						<text class="phone">{{ selectedAddress.phone }}</text>
+						<view v-if="selectedAddress.is_default" class="default-tag">
+							<text class="tag-text">默认</text>
+						</view>
+					</view>
+					<text class="address-detail">{{ getFullAddress(selectedAddress) }}</text>
+				</view>
+				<view v-else class="no-address">
+					<text class="no-address-text">请选择收货地址</text>
+					<text class="no-address-arrow">›</text>
+				</view>
+			</view>
+
+			<!-- 商品列表 -->
+			<view class="products-section">
+				<view v-for="item in checkoutItems" :key="item.id" class="product-item">
+					<image class="product-image" :src="item.product_image" />
+					<view class="product-info">
+						<text class="product-name">{{ item.product_name }}</text>
+						<text v-if="item.sku_specifications" class="product-spec">{{ getSpecText(item.sku_specifications) }}</text>
+						<view class="product-bottom">
+							<text class="product-price">¥{{ item.price }}</text>
+							<text class="product-quantity">×{{ item.quantity }}</text>
+						</view>
+					</view>
+				</view>
+			</view>
+
+			<!-- 配送方式 -->
+			<view class="delivery-section">
+				<text class="section-title">配送方式</text>
+				<view class="delivery-options">
+					<view v-for="option in deliveryOptions" 
+								:key="option.id" 
+								:class="['delivery-option', { selected: selectedDelivery === option.id }]"
+								@click="selectDelivery(option)">
+						<text class="option-name">{{ option.name }}</text>
+						<text class="option-price">¥{{ option.price }}</text>
+						<text v-if="selectedDelivery === option.id" class="option-selected">✓</text>
+					</view>
+				</view>
+			</view>
+
+			<!-- 优惠券 -->
+			<view class="coupon-section" @click="selectCoupon">
+				<text class="section-title">优惠券</text>
+				<view class="coupon-info">
+					<text v-if="selectedCoupon" class="coupon-selected">{{ selectedCoupon.template?.name || '优惠券' }}</text>
+					<text v-else class="coupon-placeholder">选择优惠券</text>
+					<text class="coupon-arrow">›</text>
+				</view>
+			</view>
+
+			<!-- 买家留言 -->
+			<view class="remark-section">
+				<text class="section-title">买家留言</text>
+				<textarea class="remark-input" 
+									v-model="remark" 
+									placeholder="选填，请先和商家协商一致"
+									maxlength="100" />
+			</view>
+
+			<!-- 价格明细 -->
+			<view class="price-section">
+				<text class="section-title">价格明细</text>
+				<view class="price-detail">
+					<view class="price-row">
+						<text class="price-label">商品总价</text>
+						<text class="price-value">¥{{ totalAmount.toFixed(2) }}</text>
+					</view>
+					<view class="price-row">
+						<text class="price-label">运费</text>
+						<text class="price-value">+¥{{ deliveryFee.toFixed(2) }}</text>
+					</view>
+					<view v-if="discountAmount > 0" class="price-row">
+						<text class="price-label">优惠减免</text>
+						<text class="price-value discount">-¥{{ discountAmount.toFixed(2) }}</text>
+					</view>
+					<view class="price-row total">
+						<text class="price-label">应付金额</text>
+						<text class="price-value total-price">¥{{ actualAmount.toFixed(2) }}</text>
+					</view>
+				</view>
+			</view>
+		</scroll-view>
+
+		<!-- 底部结算栏 -->
+		<view class="bottom-bar">
+			<view class="price-summary">
+				<text class="summary-label">合计:</text>
+				<text class="summary-price">¥{{ actualAmount.toFixed(2) }}</text>
+			</view>
+			<button class="submit-btn" @click="submitOrder">提交订单</button>
+		</view>
+	</view>
+</template>
+
+<script setup lang="uts">
+import { ref, onMounted, computed } from 'vue'
+import supa from '@/components/supadb/aksupainstance.uts'
+
+type CheckoutItemType = {
+	id: string
+	product_id: string
+	sku_id: string
+	product_name: string
+	product_image: string
+	sku_specifications: any
+	price: number
+	quantity: number
+}
+
+type DeliveryOptionType = {
+	id: string
+	name: string
+	price: number
+	description: string
+}
+
+type UserCouponType = {
+	id: string
+	template: {
+		name: string
+		discount_value: number
+		min_order_amount: number
+	} | null
+}
+
+const checkoutItems = ref<Array<CheckoutItemType>>([])
+const selectedAddress = ref<any>(null)
+const deliveryOptions = ref<Array<DeliveryOptionType>>([
+	{ id: 'standard', name: '快递配送', price: 8.00, description: '1-3天送达' },
+	{ id: 'express', name: '加急配送', price: 15.00, description: '当天送达' }
+])
+const selectedDelivery = ref<string>('standard')
+const selectedCoupon = ref<UserCouponType | null>(null)
+const remark = ref<string>('')
+
+// 计算属性
+const totalAmount = computed(() => {
+	return checkoutItems.value.reduce((sum, item) => 
+		sum + (item.price * item.quantity), 0)
+})
+
+const deliveryFee = computed(() => {
+	const option = deliveryOptions.value.find(opt => opt.id === selectedDelivery.value)
+	return option?.price || 0
+})
+
+const discountAmount = computed(() => {
+	if (!selectedCoupon.value || !selectedCoupon.value.template) return 0
+	
+	const coupon = selectedCoupon.value.template
+	if (totalAmount.value < coupon.min_order_amount) return 0
+	
+	// 简单处理：假设都是满减券
+	return coupon.discount_value
+})
+
+const actualAmount = computed(() => {
+	let amount = totalAmount.value + deliveryFee.value - discountAmount.value
+	return amount > 0 ? amount : 0
+})
+
+// 生命周期
+onMounted(() => {
+	loadCheckoutData()
+})
+
+// 加载结算数据
+const loadCheckoutData = () => {
+	// 从上一页获取数据
+	const eventChannel = uni.getEventChannel()
+	if (eventChannel) {
+		eventChannel.on('acceptData', (data: any) => {
+			checkoutItems.value = data.selectedItems || []
+			loadDefaultAddress()
+		})
+	}
+}
+
+// 加载默认地址
+const loadDefaultAddress = async () => {
+	const userId = getCurrentUserId()
+	if (!userId) return
+
+	try {
+		const { data, error } = await supa
+			.from('user_addresses')
+			.select('*')
+			.eq('user_id', userId)
+			.eq('is_default', true)
+			.single()
+
+		if (error !== null) {
+			console.error('加载默认地址失败:', error)
+			return
+		}
+
+		selectedAddress.value = data
+	} catch (err) {
+		console.error('加载默认地址异常:', err)
+	}
+}
+
+// 获取当前用户ID
+const getCurrentUserId = (): string => {
+	const userStore = uni.getStorageSync('userInfo')
+	return userStore?.id || ''
+}
+
+// 获取完整地址
+const getFullAddress = (address: any): string => {
+	return `${address.province}${address.city}${address.district}${address.detail}`
+}
+
+// 获取规格文本
+const getSpecText = (specs: any): string => {
+	if (!specs) return ''
+	if (typeof specs === 'object') {
+		return Object.keys(specs)
+			.map(key => `${key}: ${specs[key]}`)
+			.join('; ')
+	}
+	return String(specs)
+}
+
+// 选择地址
+const selectAddress = () => {
+	uni.navigateTo({
+		url: '/pages/mall/consumer/address',
+		events: {
+			addressSelected: (address: any) => {
+				selectedAddress.value = address
+			}
+		}
+	})
+}
+
+// 选择配送方式
+const selectDelivery = (option: DeliveryOptionType) => {
+	selectedDelivery.value = option.id
+}
+
+// 选择优惠券
+const selectCoupon = () => {
+	uni.navigateTo({
+		url: '/pages/mall/consumer/coupons',
+		success: (res) => {
+			res.eventChannel.emit('setSelectMode', { selectMode: true })
+		}
+	})
+	
+	// 监听优惠券选择
+	uni.$on('couponSelected', (coupon: any) => {
+		selectedCoupon.value = coupon
+		uni.$off('couponSelected')
+	})
+}
+
+// 提交订单
+const submitOrder = async () => {
+	if (!selectedAddress.value) {
+		uni.showToast({
+			title: '请选择收货地址',
+			icon: 'none'
+		})
+		return
+	}
+
+	const userId = getCurrentUserId()
+	if (!userId) {
+		uni.showToast({
+			title: '用户信息错误',
+			icon: 'none'
+		})
+		return
+	}
+
+	// 生成订单号
+	const orderNo = generateOrderNo()
+	
+	const orderData = {
+		order_no: orderNo,
+		user_id: userId,
+		merchant_id: 'default', // 这里需要根据商品确定商家
+		status: 1, // 待支付
+		total_amount: totalAmount.value,
+		discount_amount: discountAmount.value,
+		delivery_fee: deliveryFee.value,
+		actual_amount: actualAmount.value,
+		payment_method: 0, // 待选择
+		payment_status: 0,
+		delivery_address: selectedAddress.value,
+		remark: remark.value,
+		created_at: new Date().toISOString()
+	}
+
+	try {
+		// 创建订单
+		const { data: order, error: orderError } = await supa
+			.from('orders')
+			.insert(orderData)
+			.select()
+			.single()
+
+		if (orderError !== null) {
+			throw orderError
+		}
+
+		// 创建订单商品项
+		const orderItems = checkoutItems.value.map(item => ({
+			order_id: order.id,
+			product_id: item.product_id,
+			sku_id: item.sku_id,
+			product_name: item.product_name,
+			sku_specifications: item.sku_specifications,
+			price: item.price,
+			quantity: item.quantity,
+			total_amount: item.price * item.quantity
+		}))
+
+		const { error: itemsError } = await supa
+			.from('order_items')
+			.insert(orderItems)
+
+		if (itemsError !== null) {
+			throw itemsError
+		}
+
+		// 使用优惠券
+		if (selectedCoupon.value) {
+			const { error: couponError } = await supa
+				.from('user_coupons')
+				.update({ 
+					status: 2, // 已使用
+					used_at: new Date().toISOString()
+				})
+				.eq('id', selectedCoupon.value.id)
+
+			if (couponError !== null) {
+				console.error('更新优惠券状态失败:', couponError)
+			}
+		}
+
+		// 清空购物车
+		await clearShoppingCart()
+
+		// 跳转到支付页面
+		uni.navigateTo({
+			url: `/pages/mall/consumer/payment?orderId=${order.id}&amount=${actualAmount.value}`
+		})
+
+	} catch (err) {
+		console.error('创建订单失败:', err)
+		uni.showToast({
+			title: '订单创建失败',
+			icon: 'none'
+		})
+	}
+}
+
+// 生成订单号
+const generateOrderNo = (): string => {
+	const date = new Date()
+	const year = date.getFullYear()
+	const month = (date.getMonth() + 1).toString().padStart(2, '0')
+	const day = date.getDate().toString().padStart(2, '0')
+	const random = Math.random().toString().slice(2, 8)
+	return `ORD${year}${month}${day}${random}`
+}
+
+// 清空购物车
+const clearShoppingCart = async () => {
+	const userId = getCurrentUserId()
+	if (!userId) return
+
+	const productIds = checkoutItems.value.map(item => item.product_id)
+	
+	try {
+		const { error } = await supa
+			.from('shopping_cart')
+			.delete()
+			.eq('user_id', userId)
+			.in('product_id', productIds)
+
+		if (error !== null) {
+			console.error('清空购物车失败:', error)
+		}
+	} catch (err) {
+		console.error('清空购物车异常:', err)
+	}
+}
+
+// 返回
+const goBack = () => {
+	uni.navigateBack()
+}
+</script>
+
+<style scoped>
+.checkout-page {
+	display: flex;
+	flex-direction: column;
+	height: 100vh;
+	background-color: #f5f5f5;
+}
+
+.checkout-header {
+	background-color: #ffffff;
+	padding: 15px;
+	display: flex;
+	align-items: center;
+	border-bottom: 1px solid #e5e5e5;
+}
+
+.back-btn {
+	font-size: 24px;
+	color: #333333;
+	padding: 5px;
+	margin-right: 15px;
+}
+
+.header-title {
+	font-size: 18px;
+	font-weight: bold;
+	color: #333333;
+}
+
+.checkout-content {
+	flex: 1;
+}
+
+.address-section {
+	background-color: #ffffff;
+	margin-bottom: 10px;
+	padding: 20px 15px;
+	display: flex;
+	align-items: center;
+}
+
+.address-info {
+	flex: 1;
+}
+
+.address-header {
+	display: flex;
+	align-items: center;
+	margin-bottom: 10px;
+}
+
+.recipient {
+	font-size: 16px;
+	font-weight: bold;
+	color: #333333;
+	margin-right: 15px;
+}
+
+.phone {
+	font-size: 14px;
+	color: #666666;
+	margin-right: 10px;
+}
+
+.default-tag {
+	background-color: #ff4757;
+	padding: 2px 8px;
+	border-radius: 10px;
+}
+
+.tag-text {
+	color: #ffffff;
+	font-size: 12px;
+}
+
+.address-detail {
+	font-size: 14px;
+	color: #333333;
+	line-height: 1.4;
+}
+
+.no-address {
+	flex: 1;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.no-address-text {
+	font-size: 16px;
+	color: #999999;
+}
+
+.no-address-arrow {
+	color: #999999;
+	font-size: 18px;
+}
+
+.products-section {
+	background-color: #ffffff;
+	margin-bottom: 10px;
+	padding: 0 15px;
+}
+
+.product-item {
+	display: flex;
+	padding: 15px 0;
+	border-bottom: 1px solid #f5f5f5;
+}
+
+.product-item:last-child {
+	border-bottom: none;
+}
+
+.product-image {
+	width: 80px;
+	height: 80px;
+	border-radius: 5px;
+	margin-right: 15px;
+}
+
+.product-info {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+}
+
+.product-name {
+	font-size: 14px;
+	color: #333333;
+	line-height: 1.4;
+	margin-bottom: 5px;
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 2;
+	overflow: hidden;
+}
+
+.product-spec {
+	font-size: 12px;
+	color: #999999;
+	margin-bottom: 10px;
+}
+
+.product-bottom {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.product-price {
+	font-size: 16px;
+	color: #ff4757;
+	font-weight: bold;
+}
+
+.product-quantity {
+	font-size: 14px;
+	color: #666666;
+}
+
+.delivery-section,
+.coupon-section,
+.remark-section,
+.price-section {
+	background-color: #ffffff;
+	margin-bottom: 10px;
+	padding: 15px;
+}
+
+.section-title {
+	font-size: 16px;
+	font-weight: bold;
+	color: #333333;
+	margin-bottom: 15px;
+}
+
+.delivery-options {
+	display: flex;
+	flex-direction: column;
+	gap: 10px;
+}
+
+.delivery-option {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	padding: 15px;
+	border: 1px solid #e5e5e5;
+	border-radius: 8px;
+}
+
+.delivery-option.selected {
+	border-color: #007aff;
+	background-color: #f0f8ff;
+}
+
+.option-name {
+	font-size: 14px;
+	color: #333333;
+}
+
+.option-price {
+	font-size: 14px;
+	color: #ff4757;
+	font-weight: bold;
+}
+
+.option-selected {
+	color: #007aff;
+	font-size: 16px;
+}
+
+.coupon-info {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	padding: 15px;
+	border: 1px solid #e5e5e5;
+	border-radius: 8px;
+}
+
+.coupon-selected {
+	font-size: 14px;
+	color: #007aff;
+}
+
+.coupon-placeholder {
+	font-size: 14px;
+	color: #999999;
+}
+
+.coupon-arrow {
+	color: #999999;
+	font-size: 16px;
+}
+
+.remark-input {
+	width: 100%;
+	min-height: 40px;
+	padding: 10px;
+	border: 1px solid #e5e5e5;
+	border-radius: 8px;
+	font-size: 14px;
+	color: #333333;
+}
+
+.price-detail {
+	padding: 15px;
+	background-color: #f8f9fa;
+	border-radius: 8px;
+}
+
+.price-row {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	padding: 8px 0;
+}
+
+.price-row.total {
+	border-top: 1px solid #e5e5e5;
+	margin-top: 8px;
+	padding-top: 15px;
+}
+
+.price-label {
+	font-size: 14px;
+	color: #666666;
+}
+
+.price-value {
+	font-size: 14px;
+	color: #333333;
+}
+
+.price-value.discount {
+	color: #4caf50;
+}
+
+.price-value.total-price {
+	font-size: 18px;
+	color: #ff4757;
+	font-weight: bold;
+}
+
+.bottom-bar {
+	background-color: #ffffff;
+	padding: 15px;
+	border-top: 1px solid #e5e5e5;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+
+.price-summary {
+	display: flex;
+	align-items: baseline;
+}
+
+.summary-label {
+	font-size: 14px;
+	color: #333333;
+	margin-right: 5px;
+}
+
+.summary-price {
+	font-size: 20px;
+	color: #ff4757;
+	font-weight: bold;
+}
+
+.submit-btn {
+	background-color: #007aff;
+	color: #ffffff;
+	padding: 0 40px;
+	height: 45px;
+	border-radius: 22.5px;
+	font-size: 16px;
+	font-weight: bold;
+	border: none;
+}
+</style>
\ No newline at end of file
diff --git a/pages/mall/consumer/coupons.uvue b/pages/mall/consumer/coupons.uvue
new file mode 100644
index 00000000..819cf548
--- /dev/null
+++ b/pages/mall/consumer/coupons.uvue
@@ -0,0 +1,590 @@
+<!-- 优惠券页面 -->
+<template>
+	<view class="coupons-page">
+		<!-- 顶部栏 -->
+		<view class="coupons-header">
+			<view class="header-tabs">
+				<view :class="['header-tab', { active: activeTab === 'available' }]" @click="changeTab('available')">
+					<text class="tab-text">可用券</text>
+				</view>
+				<view :class="['header-tab', { active: activeTab === 'unavailable' }]" @click="changeTab('unavailable')">
+					<text class="tab-text">已失效</text>
+				</view>
+			</view>
+		</view>
+
+		<!-- 优惠券列表 -->
+		<scroll-view class="coupons-list" scroll-y>
+			<!-- 为空提示 -->
+			<view v-if="coupons.length === 0" class="empty-coupons">
+				<text class="empty-icon">🎫</text>
+				<text class="empty-text">{{ getEmptyText() }}</text>
+				<text class="empty-subtext">{{ getEmptySubtext() }}</text>
+				<button v-if="activeTab === 'available'" class="get-coupons-btn" @click="goToCouponCenter">
+					去领券中心
+				</button>
+			</view>
+
+			<!-- 优惠券项 -->
+			<view v-for="coupon in coupons" :key="coupon.id" class="coupon-item">
+				<view class="coupon-left">
+					<text class="coupon-value">{{ formatCouponValue(coupon) }}</text>
+					<text class="coupon-condition">{{ formatCondition(coupon) }}</text>
+				</view>
+				<view class="coupon-right">
+					<view class="coupon-info">
+						<text class="coupon-name">{{ coupon.template?.name || coupon.name }}</text>
+						<text class="coupon-desc">{{ coupon.template?.description || '' }}</text>
+						<text class="coupon-time">{{ formatTimeRange(coupon) }}</text>
+					</view>
+					<view class="coupon-actions">
+						<button v-if="coupon.status === 1 && coupon.is_valid" 
+										class="use-btn" 
+										@click="useCoupon(coupon)">
+							立即使用
+						</button>
+						<button v-else-if="coupon.template_id && activeTab === 'available'" 
+										class="receive-btn" 
+										@click="receiveCoupon(coupon)">
+							领取
+						</button>
+						<text v-else class="status-text">{{ getStatusText(coupon) }}</text>
+					</view>
+				</view>
+			</view>
+		</scroll-view>
+	</view>
+</template>
+
+<script setup lang="uts">
+import { ref, onMounted, watch } from 'vue'
+import supa from '@/components/supadb/aksupainstance.uts'
+
+type CouponTemplateType = {
+	id: string
+	name: string
+	description: string | null
+	coupon_type: number
+	discount_value: number
+	min_order_amount: number
+	start_time: string
+	end_time: string
+	per_user_limit: number
+	total_quantity: number
+	used_quantity: number
+	status: number
+}
+
+type UserCouponType = {
+	id: string
+	user_id: string
+	template_id: string
+	coupon_code: string
+	status: number
+	is_valid: boolean
+	used_at: string | null
+	expire_at: string
+	created_at: string
+	template: CouponTemplateType | null
+}
+
+const activeTab = ref<string>('available')
+const coupons = ref<Array<any>>([])
+const isLoading = ref<boolean>(false)
+
+// 监听标签页变化
+watch(activeTab, () => {
+	loadCoupons()
+})
+
+// 生命周期
+onMounted(() => {
+	loadCoupons()
+})
+
+// 加载优惠券
+const loadCoupons = async () => {
+	const userId = getCurrentUserId()
+	if (!userId) {
+		uni.showToast({
+			title: '请先登录',
+			icon: 'none'
+		})
+		uni.navigateTo({
+			url: '/pages/user/login'
+		})
+		return
+	}
+
+	isLoading.value = true
+
+	try {
+		if (activeTab.value === 'available') {
+			await loadAvailableCoupons(userId)
+		} else {
+			await loadUnavailableCoupons(userId)
+		}
+	} catch (err) {
+		console.error('加载优惠券异常:', err)
+	} finally {
+		isLoading.value = false
+	}
+}
+
+// 加载可用优惠券
+const loadAvailableCoupons = async (userId: string) => {
+	try {
+		const now = new Date().toISOString()
+		
+		// 加载用户已领取的优惠券
+		const { data: userCoupons, error: userError } = await supa
+			.from('user_coupons')
+			.select(`
+				*,
+				template:coupon_templates(*)
+			`)
+			.eq('user_id', userId)
+			.eq('status', 1)
+			.gte('expire_at', now)
+			.order('expire_at', { ascending: true })
+
+		if (userError !== null) {
+			console.error('加载用户优惠券失败:', userError)
+			return
+		}
+
+		// 加载可领取的优惠券
+		const { data: availableCoupons, error: availableError } = await supa
+			.from('coupon_templates')
+			.select('*')
+			.eq('status', 1)
+			.gte('end_time', now)
+			.lte('start_time', now)
+			.order('created_at', { ascending: false })
+
+		if (availableError !== null) {
+			console.error('加载可领取优惠券失败:', availableError)
+			return
+		}
+
+		// 合并结果
+		const allCoupons = [...(userCoupons || []), ...(availableCoupons || [])]
+		coupons.value = allCoupons
+	} catch (err) {
+		console.error('加载可用优惠券异常:', err)
+	}
+}
+
+// 加载不可用优惠券
+const loadUnavailableCoupons = async (userId: string) => {
+	try {
+		const now = new Date().toISOString()
+		
+		const { data, error } = await supa
+			.from('user_coupons')
+			.select(`
+				*,
+				template:coupon_templates(*)
+			`)
+			.eq('user_id', userId)
+			.or('status.eq.2,expire_at.lt.' + now)
+			.order('used_at', { ascending: false })
+			.order('expire_at', { ascending: false })
+
+		if (error !== null) {
+			console.error('加载失效优惠券失败:', error)
+			return
+		}
+
+		coupons.value = data ?? []
+	} catch (err) {
+		console.error('加载失效优惠券异常:', err)
+	}
+}
+
+// 获取当前用户ID
+const getCurrentUserId = (): string | null => {
+	const userStore = uni.getStorageSync('userInfo')
+	return userStore?.id || null
+}
+
+// 获取空状态文本
+const getEmptyText = (): string => {
+	return activeTab.value === 'available' ? '暂无可用优惠券' : '暂无失效优惠券'
+}
+
+// 获取空状态副文本
+const getEmptySubtext = (): string => {
+	return activeTab.value === 'available' ? '去领券中心看看' : '努力使用优惠券吧'
+}
+
+// 格式化优惠券价值
+const formatCouponValue = (coupon: any): string => {
+	if (coupon.template_id) {
+		// 用户优惠券
+		const template = coupon.template
+		if (!template) return '未知'
+		
+		if (template.coupon_type === 1) {
+			return `¥${template.discount_value}`
+		} else if (template.coupon_type === 2) {
+			return `${template.discount_value}折`
+		} else {
+			return '未知'
+		}
+	} else {
+		// 优惠券模板
+		if (coupon.coupon_type === 1) {
+			return `¥${coupon.discount_value}`
+		} else if (coupon.coupon_type === 2) {
+			return `${coupon.discount_value}折`
+		} else {
+			return '未知'
+		}
+	}
+}
+
+// 格式化使用条件
+const formatCondition = (coupon: any): string => {
+	const minAmount = coupon.template?.min_order_amount || coupon.min_order_amount
+	if (minAmount > 0) {
+		return `满${minAmount}元可用`
+	}
+	return '无门槛'
+}
+
+// 格式化时间范围
+const formatTimeRange = (coupon: any): string => {
+	const startTime = coupon.template?.start_time || coupon.start_time
+	const endTime = coupon.template?.end_time || coupon.expire_at
+	
+	if (startTime && endTime) {
+		const start = new Date(startTime)
+		const end = new Date(endTime)
+		
+		const startStr = `${start.getMonth() + 1}月${start.getDate()}日`
+		const endStr = `${end.getMonth() + 1}月${end.getDate()}日`
+		
+		return `${startStr}-${endStr}`
+	}
+	return ''
+}
+
+// 获取状态文本
+const getStatusText = (coupon: any): string => {
+	if (coupon.status === 2) {
+		return '已使用'
+	} else if (!coupon.is_valid) {
+		return '已失效'
+	} else if (new Date(coupon.expire_at) < new Date()) {
+		return '已过期'
+	}
+	return '未知'
+}
+
+// 切换标签页
+const changeTab = (tab: string) => {
+	activeTab.value = tab
+}
+
+// 使用优惠券
+const useCoupon = (coupon: any) => {
+	// 如果是从订单页面跳转过来的，返回选择的优惠券
+	const pages = getCurrentPages()
+	const prevPage = pages[pages.length - 2]
+	
+	if (prevPage && prevPage.route === 'pages/mall/consumer/checkout') {
+		uni.$emit('couponSelected', coupon)
+		uni.navigateBack()
+		return
+	}
+
+	// 否则跳转到商品列表页
+	uni.navigateTo({
+		url: '/pages/mall/consumer/index'
+	})
+}
+
+// 领取优惠券
+const receiveCoupon = async (coupon: any) => {
+	const userId = getCurrentUserId()
+	if (!userId) return
+
+	// 检查是否已领取
+	const { data: existingCoupons, error: checkError } = await supa
+		.from('user_coupons')
+		.select('id')
+		.eq('user_id', userId)
+		.eq('template_id', coupon.id)
+
+	if (checkError !== null) {
+		console.error('检查优惠券失败:', checkError)
+		return
+	}
+
+	if (existingCoupons && existingCoupons.length >= coupon.per_user_limit) {
+		uni.showToast({
+			title: '已达领取上限',
+			icon: 'none'
+		})
+		return
+	}
+
+	// 检查库存
+	if (coupon.used_quantity >= coupon.total_quantity) {
+		uni.showToast({
+			title: '优惠券已领完',
+			icon: 'none'
+		})
+		return
+	}
+
+	// 生成优惠券码
+	const couponCode = generateCouponCode()
+	const expireAt = coupon.end_time
+
+	try {
+		const { error: insertError } = await supa
+			.from('user_coupons')
+			.insert({
+				user_id: userId,
+				template_id: coupon.id,
+				coupon_code: couponCode,
+				expire_at: expireAt,
+				status: 1,
+				is_valid: true
+			})
+
+		if (insertError !== null) {
+			console.error('领取优惠券失败:', insertError)
+			uni.showToast({
+				title: '领取失败',
+				icon: 'none'
+			})
+			return
+		}
+
+		// 更新优惠券模板的已领取数量
+		const { error: updateError } = await supa
+			.from('coupon_templates')
+			.update({ used_quantity: coupon.used_quantity + 1 })
+			.eq('id', coupon.id)
+
+		if (updateError !== null) {
+			console.error('更新优惠券数量失败:', updateError)
+		}
+
+		uni.showToast({
+			title: '领取成功',
+			icon: 'success'
+		})
+
+		// 重新加载数据
+		loadCoupons()
+	} catch (err) {
+		console.error('领取优惠券异常:', err)
+	}
+}
+
+// 生成优惠券码
+const generateCouponCode = (): string => {
+	const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789'
+	let result = ''
+	for (let i = 0; i < 12; i++) {
+		result += chars.charAt(Math.floor(Math.random() * chars.length))
+	}
+	return result
+}
+
+// 跳转到领券中心
+const goToCouponCenter = () => {
+	uni.navigateTo({
+		url: '/pages/mall/consumer/coupon-center'
+	})
+}
+</script>
+
+<style scoped>
+.coupons-page {
+	display: flex;
+	flex-direction: column;
+	height: 100vh;
+	background-color: #f5f5f5;
+}
+
+.coupons-header {
+	background-color: #ffffff;
+	border-bottom: 1px solid #e5e5e5;
+}
+
+.header-tabs {
+	display: flex;
+}
+
+.header-tab {
+	flex: 1;
+	padding: 15px;
+	text-align: center;
+	position: relative;
+}
+
+.header-tab.active {
+	color: #007aff;
+}
+
+.header-tab.active::after {
+	content: '';
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	height: 2px;
+	background-color: #007aff;
+}
+
+.tab-text {
+	font-size: 16px;
+	font-weight: bold;
+	color: #666666;
+}
+
+.header-tab.active .tab-text {
+	color: #007aff;
+}
+
+.coupons-list {
+	flex: 1;
+	padding: 10px;
+}
+
+.empty-coupons {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	padding: 80px 20px;
+	background-color: #ffffff;
+	border-radius: 8px;
+}
+
+.empty-icon {
+	font-size: 80px;
+	margin-bottom: 20px;
+}
+
+.empty-text {
+	font-size: 16px;
+	color: #666666;
+	margin-bottom: 10px;
+}
+
+.empty-subtext {
+	font-size: 14px;
+	color: #999999;
+	margin-bottom: 30px;
+}
+
+.get-coupons-btn {
+	background-color: #007aff;
+	color: #ffffff;
+	padding: 10px 40px;
+	border-radius: 25px;
+	font-size: 14px;
+	border: none;
+}
+
+.coupon-item {
+	background-color: #ffffff;
+	margin-bottom: 10px;
+	border-radius: 8px;
+	overflow: hidden;
+	display: flex;
+	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.coupon-left {
+	width: 100px;
+	background: linear-gradient(135deg, #ff6b6b, #ffa726);
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	padding: 20px 10px;
+	color: #ffffff;
+}
+
+.coupon-value {
+	font-size: 24px;
+	font-weight: bold;
+	margin-bottom: 5px;
+}
+
+.coupon-condition {
+	font-size: 11px;
+	opacity: 0.9;
+}
+
+.coupon-right {
+	flex: 1;
+	padding: 15px;
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+}
+
+.coupon-info {
+	flex: 1;
+}
+
+.coupon-name {
+	font-size: 16px;
+	font-weight: bold;
+	color: #333333;
+	margin-bottom: 5px;
+	display: block;
+}
+
+.coupon-desc {
+	font-size: 13px;
+	color: #666666;
+	margin-bottom: 8px;
+	display: block;
+	line-height: 1.4;
+}
+
+.coupon-time {
+	font-size: 12px;
+	color: #999999;
+	display: block;
+}
+
+.coupon-actions {
+	display: flex;
+	justify-content: flex-end;
+	margin-top: 10px;
+}
+
+.use-btn,
+.receive-btn {
+	padding: 8px 20px;
+	border-radius: 15px;
+	font-size: 12px;
+	border: none;
+}
+
+.use-btn {
+	background-color: #007aff;
+	color: #ffffff;
+}
+
+.receive-btn {
+	background-color: #ff4757;
+	color: #ffffff;
+}
+
+.status-text {
+	font-size: 12px;
+	color: #999999;
+	font-style: italic;
+}
+</style>
\ No newline at end of file
diff --git a/pages/mall/consumer/favorites.uvue b/pages/mall/consumer/favorites.uvue
new file mode 100644
index 00000000..ada359c9
--- /dev/null
+++ b/pages/mall/consumer/favorites.uvue
@@ -0,0 +1,694 @@
+<!-- 收藏页面 -->
+<template>
+	<view class="favorites-page">
+		<!-- 顶部栏 -->
+		<view class="favorites-header">
+			<view class="header-title">
+				<text class="title-text">我的收藏</text>
+			</view>
+			<view v-if="favorites.length > 0" class="edit-btn" @click="toggleEditMode">
+				<text class="edit-text">{{ isEditMode ? '完成' : '编辑' }}</text>
+			</view>
+		</view>
+
+		<!-- 标签页 -->
+		<view class="favorites-tabs">
+			<view :class="['favorites-tab', { active: activeTab === 'product' }]" @click="changeTab('product')">
+				<text class="tab-text">商品</text>
+			</view>
+			<view :class="['favorites-tab', { active: activeTab === 'shop' }]" @click="changeTab('shop')">
+				<text class="tab-text">店铺</text>
+			</view>
+		</view>
+
+		<!-- 收藏内容 -->
+		<scroll-view class="favorites-content" scroll-y @scrolltolower="loadMore">
+			<!-- 空状态 -->
+			<view v-if="favorites.length === 0 && !isLoading" class="empty-favorites">
+				<text class="empty-icon">❤️</text>
+				<text class="empty-text">{{ getEmptyText() }}</text>
+				<text class="empty-subtext">{{ getEmptySubtext() }}</text>
+				<button class="go-shopping-btn" @click="goShopping">去逛逛</button>
+			</view>
+
+			<!-- 商品收藏 -->
+			<view v-if="activeTab === 'product'" class="product-favorites">
+				<view v-for="item in favorites" :key="item.id" class="product-item">
+					<view v-if="isEditMode" class="item-selector" @click="toggleSelect(item)">
+						<view :class="['select-icon', { selected: item.selected }]">
+							<text v-if="item.selected" class="icon-text">✓</text>
+						</view>
+					</view>
+					<view class="item-content" @click="viewProduct(item)">
+						<image class="product-image" :src="getProductImage(item)" />
+						<view class="product-info">
+							<text class="product-name">{{ item.product?.name || '商品已下架' }}</text>
+							<text class="product-price">¥{{ item.product?.price || 0 }}</text>
+							<view class="product-meta">
+								<text class="meta-text">收藏时间: {{ formatTime(item.created_at) }}</text>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+
+			<!-- 店铺收藏 -->
+			<view v-if="activeTab === 'shop'" class="shop-favorites">
+				<view v-for="item in favorites" :key="item.id" class="shop-item">
+					<view v-if="isEditMode" class="item-selector" @click="toggleSelect(item)">
+						<view :class="['select-icon', { selected: item.selected }]">
+							<text v-if="item.selected" class="icon-text">✓</text>
+						</view>
+					</view>
+					<view class="item-content" @click="viewShop(item)">
+						<image class="shop-logo" :src="item.shop?.shop_logo || '/static/default-shop.png'" />
+						<view class="shop-info">
+							<text class="shop-name">{{ item.shop?.shop_name || '店铺已关闭' }}</text>
+							<view class="shop-rating">
+								<text class="rating-text">评分: {{ item.shop?.rating?.toFixed(1) || '0.0' }}</text>
+								<text class="sales-text">销量: {{ item.shop?.total_sales || 0 }}</text>
+							</view>
+							<view class="shop-meta">
+								<text class="meta-text">收藏时间: {{ formatTime(item.created_at) }}</text>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+
+			<!-- 加载更多 -->
+			<view v-if="isLoading" class="loading-more">
+				<text class="loading-text">加载中...</text>
+			</view>
+			<view v-if="!hasMore && favorites.length > 0" class="no-more">
+				<text class="no-more-text">没有更多了</text>
+			</view>
+		</scroll-view>
+
+		<!-- 编辑操作栏 -->
+		<view v-if="isEditMode && favorites.length > 0" class="edit-bar">
+			<view class="select-all" @click="toggleSelectAll">
+				<view :class="['all-select-icon', { selected: isAllSelected }]">
+					<text v-if="isAllSelected" class="icon-text">✓</text>
+				</view>
+				<text class="select-all-text">全选</text>
+			</view>
+			<view class="delete-btn" @click="deleteSelected">
+				<text class="delete-text">删除({{ selectedCount }})</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup lang="uts">
+import { ref, onMounted, computed, watch } from 'vue'
+import supa from '@/components/supadb/aksupainstance.uts'
+
+type FavoriteType = {
+	id: string
+	user_id: string
+	product_id: string | null
+	merchant_id: string | null
+	type: string // 'product' | 'shop'
+	created_at: string
+	selected?: boolean
+	product?: {
+		id: string
+		name: string
+		price: number
+		images: string[]
+		status: number
+	}
+	shop?: {
+		id: string
+		shop_name: string
+		shop_logo: string
+		rating: number
+		total_sales: number
+		shop_status: number
+	}
+}
+
+const activeTab = ref<string>('product')
+const favorites = ref<Array<FavoriteType>>([])
+const isEditMode = ref<boolean>(false)
+const isLoading = ref<boolean>(false)
+const currentPage = ref<number>(1)
+const pageSize = ref<number>(20)
+const hasMore = ref<boolean>(true)
+
+// 计算属性
+const selectedCount = computed(() => {
+	return favorites.value.filter(item => item.selected).length
+})
+
+const isAllSelected = computed(() => {
+	return favorites.value.length > 0 && favorites.value.every(item => item.selected)
+})
+
+// 监听标签页变化
+watch(activeTab, () => {
+	resetData()
+	loadFavorites()
+})
+
+// 生命周期
+onMounted(() => {
+	loadFavorites()
+})
+
+// 重置数据
+const resetData = () => {
+	favorites.value = []
+	currentPage.value = 1
+	hasMore.value = true
+	isEditMode.value = false
+}
+
+// 加载收藏数据
+const loadFavorites = async (loadMore: boolean = false) => {
+	if (isLoading.value || (!hasMore.value && loadMore)) {
+		return
+	}
+
+	isLoading.value = true
+
+	try {
+		const userId = getCurrentUserId()
+		if (!userId) {
+			uni.navigateTo({
+				url: '/pages/user/login'
+			})
+			return
+		}
+
+		const page = loadMore ? currentPage.value + 1 : 1
+		
+		let query = supa
+			.from('user_favorites')
+			.select(`
+				*,
+				product:product_id(*),
+				shop:merchant_id(*)
+			`)
+			.eq('user_id', userId)
+			.eq('type', activeTab.value)
+			.order('created_at', { ascending: false })
+
+		// 分页
+		query = query.range((page - 1) * pageSize.value, page * pageSize.value - 1)
+
+		const { data, error } = await query
+
+		if (error !== null) {
+			console.error('加载收藏失败:', error)
+			return
+		}
+
+		const newFavorites = (data || []).map((item: any) => ({
+			...item,
+			selected: false
+		}))
+
+		if (loadMore) {
+			favorites.value.push(...newFavorites)
+			currentPage.value = page
+		} else {
+			favorites.value = newFavorites
+			currentPage.value = 1
+		}
+
+		hasMore.value = newFavorites.length === pageSize.value
+	} catch (err) {
+		console.error('加载收藏异常:', err)
+	} finally {
+		isLoading.value = false
+	}
+}
+
+// 获取当前用户ID
+const getCurrentUserId = (): string => {
+	const userStore = uni.getStorageSync('userInfo')
+	return userStore?.id || ''
+}
+
+// 获取商品图片
+const getProductImage = (item: FavoriteType): string => {
+	if (!item.product?.images?.[0]) {
+		return '/static/default-product.png'
+	}
+	return item.product.images[0]
+}
+
+// 格式化时间
+const formatTime = (timeStr: string): string => {
+	const date = new Date(timeStr)
+	const month = (date.getMonth() + 1).toString().padStart(2, '0')
+	const day = date.getDate().toString().padStart(2, '0')
+	return `${month}-${day}`
+}
+
+// 获取空状态文本
+const getEmptyText = (): string => {
+	return activeTab.value === 'product' ? '暂无商品收藏' : '暂无店铺收藏'
+}
+
+// 获取空状态副文本
+const getEmptySubtext = (): string => {
+	return activeTab.value === 'product' ? '快去收藏喜欢的商品吧' : '快去收藏喜欢的店铺吧'
+}
+
+// 切换编辑模式
+const toggleEditMode = () => {
+	isEditMode.value = !isEditMode.value
+	// 重置选择状态
+	favorites.value.forEach(item => {
+		item.selected = false
+	})
+}
+
+// 切换标签页
+const changeTab = (tab: string) => {
+	activeTab.value = tab
+}
+
+// 切换选择状态
+const toggleSelect = (item: FavoriteType) => {
+	item.selected = !item.selected
+	favorites.value = [...favorites.value]
+}
+
+// 全选/取消全选
+const toggleSelectAll = () => {
+	const newSelectedState = !isAllSelected.value
+	favorites.value.forEach(item => {
+		item.selected = newSelectedState
+	})
+	favorites.value = [...favorites.value]
+}
+
+// 删除选中项
+const deleteSelected = async () => {
+	const selectedItems = favorites.value.filter(item => item.selected)
+	if (selectedItems.length === 0) {
+		uni.showToast({
+			title: '请选择要删除的收藏',
+			icon: 'none'
+		})
+		return
+	}
+
+	uni.showModal({
+		title: '确认删除',
+		content: `确定要删除选中的${selectedItems.length}个收藏吗？`,
+		success: async (res) => {
+			if (res.confirm) {
+				try {
+					const ids = selectedItems.map(item => item.id)
+					
+					const { error } = await supa
+						.from('user_favorites')
+						.delete()
+						.in('id', ids)
+
+					if (error !== null) {
+						throw error
+					}
+
+					// 从列表中移除
+					favorites.value = favorites.value.filter(item => !item.selected)
+					
+					uni.showToast({
+						title: '删除成功',
+						icon: 'success'
+					})
+					
+					// 如果删完了，退出编辑模式
+					if (favorites.value.length === 0) {
+						isEditMode.value = false
+					}
+					
+				} catch (err) {
+					console.error('删除收藏失败:', err)
+					uni.showToast({
+						title: '删除失败',
+						icon: 'none'
+					})
+				}
+			}
+		}
+	})
+}
+
+// 查看商品
+const viewProduct = (item: FavoriteType) => {
+	if (isEditMode.value) return
+	
+	if (!item.product_id || !item.product?.status) {
+		uni.showToast({
+			title: '商品已下架',
+			icon: 'none'
+		})
+		return
+	}
+	
+	uni.navigateTo({
+		url: `/pages/mall/consumer/product-detail?id=${item.product_id}`
+	})
+}
+
+// 查看店铺
+const viewShop = (item: FavoriteType) => {
+	if (isEditMode.value) return
+	
+	if (!item.merchant_id || !item.shop?.shop_status) {
+		uni.showToast({
+			title: '店铺已关闭',
+			icon: 'none'
+		})
+		return
+	}
+	
+	uni.navigateTo({
+		url: `/pages/mall/consumer/shop-detail?id=${item.merchant_id}`
+	})
+}
+
+// 加载更多
+const loadMore = () => {
+	if (hasMore.value && !isLoading.value) {
+		loadFavorites(true)
+	}
+}
+
+// 去逛逛
+const goShopping = () => {
+	uni.switchTab({
+		url: '/pages/mall/consumer/index'
+	})
+}
+</script>
+
+<style scoped>
+.favorites-page {
+	display: flex;
+	flex-direction: column;
+	height: 100vh;
+	background-color: #f5f5f5;
+}
+
+.favorites-header {
+	background-color: #ffffff;
+	padding: 15px;
+	border-bottom: 1px solid #e5e5e5;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+
+.header-title {
+	flex: 1;
+}
+
+.title-text {
+	font-size: 18px;
+	font-weight: bold;
+	color: #333333;
+}
+
+.edit-btn {
+	padding: 5px 10px;
+}
+
+.edit-text {
+	color: #007aff;
+	font-size: 14px;
+}
+
+.favorites-tabs {
+	background-color: #ffffff;
+	display: flex;
+	border-bottom: 1px solid #e5e5e5;
+}
+
+.favorites-tab {
+	flex: 1;
+	padding: 15px;
+	text-align: center;
+	position: relative;
+}
+
+.favorites-tab.active {
+	color: #007aff;
+}
+
+.favorites-tab.active::after {
+	content: '';
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	height: 2px;
+	background-color: #007aff;
+}
+
+.tab-text {
+	font-size: 16px;
+	color: #666666;
+}
+
+.favorites-tab.active .tab-text {
+	color: #007aff;
+	font-weight: bold;
+}
+
+.favorites-content {
+	flex: 1;
+}
+
+.empty-favorites {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	padding: 80px 20px;
+	background-color: #ffffff;
+}
+
+.empty-icon {
+	font-size: 80px;
+	margin-bottom: 20px;
+}
+
+.empty-text {
+	font-size: 16px;
+	color: #666666;
+	margin-bottom: 10px;
+}
+
+.empty-subtext {
+	font-size: 14px;
+	color: #999999;
+	margin-bottom: 30px;
+}
+
+.go-shopping-btn {
+	background-color: #007aff;
+	color: #ffffff;
+	padding: 10px 40px;
+	border-radius: 25px;
+	font-size: 14px;
+	border: none;
+}
+
+.product-favorites,
+.shop-favorites {
+	padding: 10px;
+}
+
+.product-item,
+.shop-item {
+	background-color: #ffffff;
+	margin-bottom: 10px;
+	border-radius: 8px;
+	overflow: hidden;
+	display: flex;
+	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.item-selector {
+	width: 50px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.select-icon {
+	width: 20px;
+	height: 20px;
+	border: 1px solid #cccccc;
+	border-radius: 10px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.select-icon.selected {
+	background-color: #007aff;
+	border-color: #007aff;
+}
+
+.icon-text {
+	color: #ffffff;
+	font-size: 12px;
+}
+
+.item-content {
+	flex: 1;
+	display: flex;
+	padding: 15px;
+}
+
+.product-image {
+	width: 80px;
+	height: 80px;
+	border-radius: 5px;
+	margin-right: 15px;
+}
+
+.product-info {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+}
+
+.product-name {
+	font-size: 14px;
+	color: #333333;
+	line-height: 1.4;
+	margin-bottom: 10px;
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 2;
+	overflow: hidden;
+}
+
+.product-price {
+	font-size: 16px;
+	color: #ff4757;
+	font-weight: bold;
+	margin-bottom: 10px;
+}
+
+.product-meta {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.meta-text {
+	font-size: 12px;
+	color: #999999;
+}
+
+.shop-logo {
+	width: 80px;
+	height: 80px;
+	border-radius: 8px;
+	margin-right: 15px;
+}
+
+.shop-info {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+}
+
+.shop-name {
+	font-size: 16px;
+	font-weight: bold;
+	color: #333333;
+	margin-bottom: 10px;
+	line-height: 1.4;
+}
+
+.shop-rating {
+	display: flex;
+	gap: 15px;
+	margin-bottom: 10px;
+}
+
+.rating-text,
+.sales-text {
+	font-size: 13px;
+	color: #666666;
+}
+
+.shop-meta {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.loading-more,
+.no-more {
+	padding: 20px;
+	text-align: center;
+	background-color: #ffffff;
+}
+
+.loading-text,
+.no-more-text {
+	color: #999999;
+	font-size: 14px;
+}
+
+.edit-bar {
+	background-color: #ffffff;
+	border-top: 1px solid #e5e5e5;
+	padding: 15px;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+
+.select-all {
+	display: flex;
+	align-items: center;
+}
+
+.all-select-icon {
+	width: 20px;
+	height: 20px;
+	border: 1px solid #cccccc;
+	border-radius: 10px;
+	margin-right: 10px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.all-select-icon.selected {
+	background-color: #007aff;
+	border-color: #007aff;
+}
+
+.select-all-text {
+	font-size: 14px;
+	color: #333333;
+}
+
+.delete-btn {
+	background-color: #ff4757;
+	padding: 10px 20px;
+	border-radius: 15px;
+}
+
+.delete-text {
+	color: #ffffff;
+	font-size: 14px;
+	font-weight: bold;
+}
+</style>
\ No newline at end of file
diff --git a/pages/mall/consumer/footprint.uvue b/pages/mall/consumer/footprint.uvue
new file mode 100644
index 00000000..8e8d13b4
--- /dev/null
+++ b/pages/mall/consumer/footprint.uvue
@@ -0,0 +1,674 @@
+<!-- 足迹页面 -->
+<template>
+	<view class="footprint-page">
+		<!-- 顶部栏 -->
+		<view class="footprint-header">
+			<view class="header-title">
+				<text class="title-text">我的足迹</text>
+			</view>
+			<view v-if="footprints.length > 0" class="header-actions">
+				<text class="action-btn" @click="toggleEditMode">{{ isEditMode ? '完成' : '编辑' }}</text>
+				<text class="action-btn" @click="clearAll">清空</text>
+			</view>
+		</view>
+
+		<!-- 日期分组 -->
+		<scroll-view class="footprint-content" scroll-y @scrolltolower="loadMore">
+			<!-- 空状态 -->
+			<view v-if="footprints.length === 0 && !isLoading" class="empty-footprints">
+				<text class="empty-icon">👣</text>
+				<text class="empty-text">暂无浏览记录</text>
+				<text class="empty-subtext">快去浏览喜欢的商品吧</text>
+				<button class="go-shopping-btn" @click="goShopping">去逛逛</button>
+			</view>
+
+			<!-- 按日期分组 -->
+			<view v-for="(group, date) in groupedFootprints" :key="date" class="date-group">
+				<view class="group-header">
+					<text class="group-date">{{ formatGroupDate(date) }}</text>
+					<text v-if="isEditMode" class="group-select" @click="toggleGroupSelect(date)">
+						{{ isGroupSelected(date) ? '取消全选' : '全选' }}
+					</text>
+				</view>
+				
+				<view class="group-items">
+					<view v-for="item in group" :key="item.id" class="footprint-item">
+						<view v-if="isEditMode" class="item-selector" @click="toggleSelect(item)">
+							<view :class="['select-icon', { selected: item.selected }]">
+								<text v-if="item.selected" class="icon-text">✓</text>
+							</view>
+						</view>
+						<view class="item-content" @click="viewProduct(item)">
+							<image class="product-image" :src="getProductImage(item)" />
+							<view class="product-info">
+								<text class="product-name">{{ item.product?.name || '商品已下架' }}</text>
+								<view class="product-price-row">
+									<text class="current-price">¥{{ item.product?.price || 0 }}</text>
+									<text v-if="item.product?.original_price && item.product.original_price > item.product.price" 
+												class="original-price">¥{{ item.product.original_price }}</text>
+								</view>
+								<view class="product-meta">
+									<text class="sales-text">已售{{ item.product?.sales || 0 }}</text>
+									<text class="time-text">{{ formatTime(item.created_at) }}</text>
+								</view>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+
+			<!-- 加载更多 -->
+			<view v-if="isLoading" class="loading-more">
+				<text class="loading-text">加载中...</text>
+			</view>
+			<view v-if="!hasMore && footprints.length > 0" class="no-more">
+				<text class="no-more-text">没有更多了</text>
+			</view>
+		</scroll-view>
+
+		<!-- 编辑操作栏 -->
+		<view v-if="isEditMode && footprints.length > 0" class="edit-bar">
+			<view class="select-all" @click="toggleSelectAll">
+				<view :class="['all-select-icon', { selected: isAllSelected }]">
+					<text v-if="isAllSelected" class="icon-text">✓</text>
+				</view>
+				<text class="select-all-text">全选</text>
+			</view>
+			<view class="delete-btn" @click="deleteSelected">
+				<text class="delete-text">删除({{ selectedCount }})</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup lang="uts">
+import { ref, onMounted, computed } from 'vue'
+import supa from '@/components/supadb/aksupainstance.uts'
+
+type FootprintType = {
+	id: string
+	user_id: string
+	product_id: string
+	created_at: string
+	selected?: boolean
+	product?: {
+		id: string
+		name: string
+		price: number
+		original_price: number | null
+		images: string[]
+		sales: number
+		status: number
+	}
+}
+
+const footprints = ref<Array<FootprintType>>([])
+const isEditMode = ref<boolean>(false)
+const isLoading = ref<boolean>(false)
+const currentPage = ref<number>(1)
+const pageSize = ref<number>(30)
+const hasMore = ref<boolean>(true)
+
+// 计算属性
+const selectedCount = computed(() => {
+	return footprints.value.filter(item => item.selected).length
+})
+
+const isAllSelected = computed(() => {
+	return footprints.value.length > 0 && footprints.value.every(item => item.selected)
+})
+
+const groupedFootprints = computed(() => {
+	const groups: Record<string, FootprintType[]> = {}
+	
+	footprints.value.forEach(item => {
+		const date = item.created_at.split('T')[0]
+		if (!groups[date]) {
+			groups[date] = []
+		}
+		groups[date].push(item)
+	})
+	
+	return groups
+})
+
+// 生命周期
+onMounted(() => {
+	loadFootprints()
+})
+
+// 加载足迹数据
+const loadFootprints = async (loadMore: boolean = false) => {
+	if (isLoading.value || (!hasMore.value && loadMore)) {
+		return
+	}
+
+	isLoading.value = true
+
+	try {
+		const userId = getCurrentUserId()
+		if (!userId) {
+			uni.navigateTo({
+				url: '/pages/user/login'
+			})
+			return
+		}
+
+		const page = loadMore ? currentPage.value + 1 : 1
+		
+		const { data, error } = await supa
+			.from('user_footprints')
+			.select(`
+				*,
+				product:product_id(*)
+			`)
+			.eq('user_id', userId)
+			.order('created_at', { ascending: false })
+			.range((page - 1) * pageSize.value, page * pageSize.value - 1)
+
+		if (error !== null) {
+			console.error('加载足迹失败:', error)
+			return
+		}
+
+		const newFootprints = (data || []).map((item: any) => ({
+			...item,
+			selected: false
+		}))
+
+		if (loadMore) {
+			footprints.value.push(...newFootprints)
+			currentPage.value = page
+		} else {
+			footprints.value = newFootprints
+			currentPage.value = 1
+		}
+
+		hasMore.value = newFootprints.length === pageSize.value
+	} catch (err) {
+		console.error('加载足迹异常:', err)
+	} finally {
+		isLoading.value = false
+	}
+}
+
+// 获取当前用户ID
+const getCurrentUserId = (): string => {
+	const userStore = uni.getStorageSync('userInfo')
+	return userStore?.id || ''
+}
+
+// 获取商品图片
+const getProductImage = (item: FootprintType): string => {
+	if (!item.product?.images?.[0]) {
+		return '/static/default-product.png'
+	}
+	return item.product.images[0]
+}
+
+// 格式化日期分组
+const formatGroupDate = (dateStr: string): string => {
+	const date = new Date(dateStr)
+	const today = new Date()
+	const yesterday = new Date(today)
+	yesterday.setDate(yesterday.getDate() - 1)
+	
+	if (date.toDateString() === today.toDateString()) {
+		return '今天'
+	} else if (date.toDateString() === yesterday.toDateString()) {
+		return '昨天'
+	} else {
+		const month = date.getMonth() + 1
+		const day = date.getDate()
+		return `${month}月${day}日`
+	}
+}
+
+// 格式化时间
+const formatTime = (timeStr: string): string => {
+	const date = new Date(timeStr)
+	const hours = date.getHours().toString().padStart(2, '0')
+	const minutes = date.getMinutes().toString().padStart(2, '0')
+	return `${hours}:${minutes}`
+}
+
+// 切换编辑模式
+const toggleEditMode = () => {
+	isEditMode.value = !isEditMode.value
+	// 重置选择状态
+	footprints.value.forEach(item => {
+		item.selected = false
+	})
+}
+
+// 清空所有足迹
+const clearAll = () => {
+	if (footprints.value.length === 0) return
+
+	uni.showModal({
+		title: '清空足迹',
+		content: '确定要清空所有浏览记录吗？',
+		success: async (res) => {
+			if (res.confirm) {
+				try {
+					const userId = getCurrentUserId()
+					if (!userId) return
+					
+					const { error } = await supa
+						.from('user_footprints')
+						.delete()
+						.eq('user_id', userId)
+
+					if (error !== null) {
+						throw error
+					}
+
+					footprints.value = []
+					
+					uni.showToast({
+						title: '已清空',
+						icon: 'success'
+					})
+					
+				} catch (err) {
+					console.error('清空足迹失败:', err)
+					uni.showToast({
+						title: '清空失败',
+						icon: 'none'
+					})
+				}
+			}
+		}
+	})
+}
+
+// 切换选择状态
+const toggleSelect = (item: FootprintType) => {
+	item.selected = !item.selected
+	footprints.value = [...footprints.value]
+}
+
+// 切换分组全选
+const toggleGroupSelect = (date: string) => {
+	const group = groupedFootprints.value[date]
+	if (!group) return
+	
+	const isAllSelected = group.every(item => item.selected)
+	const newSelectedState = !isAllSelected
+	
+	group.forEach(item => {
+		item.selected = newSelectedState
+	})
+	
+	footprints.value = [...footprints.value]
+}
+
+// 检查组是否全选
+const isGroupSelected = (date: string): boolean => {
+	const group = groupedFootprints.value[date]
+	if (!group || group.length === 0) return false
+	return group.every(item => item.selected)
+}
+
+// 全选/取消全选
+const toggleSelectAll = () => {
+	const newSelectedState = !isAllSelected.value
+	footprints.value.forEach(item => {
+		item.selected = newSelectedState
+	})
+	footprints.value = [...footprints.value]
+}
+
+// 删除选中项
+const deleteSelected = async () => {
+	const selectedItems = footprints.value.filter(item => item.selected)
+	if (selectedItems.length === 0) {
+		uni.showToast({
+			title: '请选择要删除的记录',
+			icon: 'none'
+		})
+		return
+	}
+
+	uni.showModal({
+		title: '确认删除',
+		content: `确定要删除选中的${selectedItems.length}条记录吗？`,
+		success: async (res) => {
+			if (res.confirm) {
+				try {
+					const ids = selectedItems.map(item => item.id)
+					
+					const { error } = await supa
+						.from('user_footprints')
+						.delete()
+						.in('id', ids)
+
+					if (error !== null) {
+						throw error
+					}
+
+					// 从列表中移除
+					footprints.value = footprints.value.filter(item => !item.selected)
+					
+					uni.showToast({
+						title: '删除成功',
+						icon: 'success'
+					})
+					
+					// 如果删完了，退出编辑模式
+					if (footprints.value.length === 0) {
+						isEditMode.value = false
+					}
+					
+				} catch (err) {
+					console.error('删除足迹失败:', err)
+					uni.showToast({
+						title: '删除失败',
+						icon: 'none'
+					})
+				}
+			}
+		}
+	})
+}
+
+// 查看商品
+const viewProduct = (item: FootprintType) => {
+	if (isEditMode.value) return
+	
+	if (!item.product_id || !item.product?.status) {
+		uni.showToast({
+			title: '商品已下架',
+			icon: 'none'
+		})
+		return
+	}
+	
+	uni.navigateTo({
+		url: `/pages/mall/consumer/product-detail?id=${item.product_id}`
+	})
+}
+
+// 加载更多
+const loadMore = () => {
+	if (hasMore.value && !isLoading.value) {
+		loadFootprints(true)
+	}
+}
+
+// 去逛逛
+const goShopping = () => {
+	uni.switchTab({
+		url: '/pages/mall/consumer/index'
+	})
+}
+</script>
+
+<style scoped>
+.footprint-page {
+	display: flex;
+	flex-direction: column;
+	height: 100vh;
+	background-color: #f5f5f5;
+}
+
+.footprint-header {
+	background-color: #ffffff;
+	padding: 15px;
+	border-bottom: 1px solid #e5e5e5;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+
+.header-title {
+	flex: 1;
+}
+
+.title-text {
+	font-size: 18px;
+	font-weight: bold;
+	color: #333333;
+}
+
+.header-actions {
+	display: flex;
+	gap: 20px;
+}
+
+.action-btn {
+	color: #007aff;
+	font-size: 14px;
+	padding: 5px;
+}
+
+.footprint-content {
+	flex: 1;
+}
+
+.empty-footprints {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	padding: 80px 20px;
+	background-color: #ffffff;
+}
+
+.empty-icon {
+	font-size: 80px;
+	margin-bottom: 20px;
+}
+
+.empty-text {
+	font-size: 16px;
+	color: #666666;
+	margin-bottom: 10px;
+}
+
+.empty-subtext {
+	font-size: 14px;
+	color: #999999;
+	margin-bottom: 30px;
+}
+
+.go-shopping-btn {
+	background-color: #007aff;
+	color: #ffffff;
+	padding: 10px 40px;
+	border-radius: 25px;
+	font-size: 14px;
+	border: none;
+}
+
+.date-group {
+	background-color: #ffffff;
+	margin-bottom: 10px;
+	padding: 0 15px;
+}
+
+.group-header {
+	padding: 15px 0;
+	border-bottom: 1px solid #f5f5f5;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+
+.group-date {
+	font-size: 16px;
+	font-weight: bold;
+	color: #333333;
+}
+
+.group-select {
+	color: #007aff;
+	font-size: 14px;
+}
+
+.group-items {
+	padding: 10px 0;
+}
+
+.footprint-item {
+	display: flex;
+	padding: 15px 0;
+	border-bottom: 1px solid #f5f5f5;
+}
+
+.footprint-item:last-child {
+	border-bottom: none;
+}
+
+.item-selector {
+	width: 50px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.select-icon {
+	width: 20px;
+	height: 20px;
+	border: 1px solid #cccccc;
+	border-radius: 10px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.select-icon.selected {
+	background-color: #007aff;
+	border-color: #007aff;
+}
+
+.icon-text {
+	color: #ffffff;
+	font-size: 12px;
+}
+
+.item-content {
+	flex: 1;
+	display: flex;
+}
+
+.product-image {
+	width: 80px;
+	height: 80px;
+	border-radius: 5px;
+	margin-right: 15px;
+}
+
+.product-info {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+}
+
+.product-name {
+	font-size: 14px;
+	color: #333333;
+	line-height: 1.4;
+	margin-bottom: 10px;
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 2;
+	overflow: hidden;
+}
+
+.product-price-row {
+	display: flex;
+	align-items: baseline;
+	margin-bottom: 10px;
+}
+
+.current-price {
+	font-size: 16px;
+	color: #ff4757;
+	font-weight: bold;
+	margin-right: 10px;
+}
+
+.original-price {
+	font-size: 12px;
+	color: #999999;
+	text-decoration: line-through;
+}
+
+.product-meta {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.sales-text {
+	font-size: 12px;
+	color: #999999;
+}
+
+.time-text {
+	font-size: 12px;
+	color: #666666;
+}
+
+.loading-more,
+.no-more {
+	padding: 20px;
+	text-align: center;
+	background-color: #ffffff;
+}
+
+.loading-text,
+.no-more-text {
+	color: #999999;
+	font-size: 14px;
+}
+
+.edit-bar {
+	background-color: #ffffff;
+	border-top: 1px solid #e5e5e5;
+	padding: 15px;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+
+.select-all {
+	display: flex;
+	align-items: center;
+}
+
+.all-select-icon {
+	width: 20px;
+	height: 20px;
+	border: 1px solid #cccccc;
+	border-radius: 10px;
+	margin-right: 10px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.all-select-icon.selected {
+	background-color: #007aff;
+	border-color: #007aff;
+}
+
+.select-all-text {
+	font-size: 14px;
+	color: #333333;
+}
+
+.delete-btn {
+	background-color: #ff4757;
+	padding: 10px 20px;
+	border-radius: 15px;
+}
+
+.delete-text {
+	color: #ffffff;
+	font-size: 14px;
+	font-weight: bold;
+}
+</style>
\ No newline at end of file
diff --git a/pages/mall/consumer/index - 副本 (2).uvue b/pages/mall/consumer/index - 副本 (2).uvue
new file mode 100644
index 00000000..3d656339
--- /dev/null
+++ b/pages/mall/consumer/index - 副本 (2).uvue	
@@ -0,0 +1,1455 @@
+<!-- pages/mall/consumer/index.uvue -->
+<template>
+	<view class="consumer-home">
+		<!-- 自定义顶部导航栏（简化版） -->
+		<view class="custom-navbar" :style="{ paddingTop: statusBarHeight + 'px' }">
+			<view class="nav-content">
+				<view class="location" @click="showCityPicker">
+					<text class="location-icon">📍</text>
+					<text class="location-text">{{ currentCity }}</text>
+					<text class="location-arrow">▼</text>
+				</view>
+				
+				<view class="nav-icons">
+					<view class="icon-item" @click="navigateToMessages">
+						<text class="icon">💬</text>
+					</view>
+					<view class="icon-item" @click="navigateToCart">
+						<text class="icon">🛒</text>
+					</view>
+				</view>
+			</view>
+		</view>
+
+		<!-- 主内容区 -->
+		<scroll-view 
+			scroll-y 
+			class="main-content"
+			:style="{ height: scrollViewHeight + 'px' }"
+			refresher-enabled
+			:refresher-triggered="refreshing"
+			@refresherrefresh="onRefresh"
+			@scrolltolower="loadMore"
+			:show-scrollbar="false"
+		>
+			<!-- 商品分类区域 - 修复横向滚动 -->
+			<view class="category-section">
+				<scroll-view 
+					scroll-x 
+					class="category-scroll" 
+					:show-scrollbar="false"
+					:scroll-left="scrollLeft"
+					@scroll="onScroll"
+				>
+					<view class="category-container">
+						<view 
+							v-for="(category, index) in categoryList" 
+							:key="category.id"
+							:class="['category-item', { active: activeCategory === category.id }]"
+							@click="switchCategory(category.id, index)"
+						>
+							<view class="category-icon-wrapper">
+								<text class="category-icon">{{ category.icon }}</text>
+							</view>
+							<text class="category-name">{{ category.name }}</text>
+						</view>
+					</view>
+				</scroll-view>
+			</view>
+
+			<!-- 搜索栏 -->
+			<view class="search-section" @click="navigateToSearch">
+				<view class="search-container">
+					<view class="search-box">
+						<text class="search-icon">🔍</text>
+						<text class="search-placeholder">搜索商品/品牌/店铺</text>
+					</view>
+				</view>
+			</view>
+
+			<!-- 轮播图 -->
+			<view class="banner-section">
+				<swiper 
+					class="banner-swiper" 
+					:autoplay="true" 
+					:interval="4000" 
+					:duration="500"
+					:circular="true"
+					:indicator-dots="true"
+					indicator-color="rgba(255,255,255,0.6)"
+					indicator-active-color="#ff5000"
+				>
+					<swiper-item v-for="(banner, index) in bannerList" :key="banner.id">
+						<image 
+							class="banner-image" 
+							:src="banner.image_url" 
+							mode="aspectFill"
+						/>
+					</swiper-item>
+				</swiper>
+			</view>
+
+			<!-- 快捷入口 -->
+			<view class="quick-actions">
+				<view class="action-item" @click="navigateToFlashSale">
+					<view class="action-icon flash">⚡</view>
+					<text class="action-text">限时秒杀</text>
+				</view>
+				<view class="action-item" @click="navigateToCoupons">
+					<view class="action-icon coupon">🎫</view>
+					<text class="action-text">领券中心</text>
+				</view>
+				<view class="action-item" @click="navigateToDailyDeals">
+					<view class="action-icon daily">🔥</view>
+					<text class="action-text">每日特价</text>
+				</view>
+				<view class="action-item" @click="navigateToBrand">
+					<view class="action-icon brand">🏷️</view>
+					<text class="action-text">品牌特卖</text>
+				</view>
+				<view class="action-item" @click="navigateToGroupBuy">
+					<view class="action-icon group">👥</view>
+					<text class="action-text">拼团购</text>
+				</view>
+			</view>
+
+			<!-- 限时秒杀 -->
+			<view class="flash-sale-section">
+				<view class="section-header">
+					<view class="header-left">
+						<view class="title-with-icon">
+							<text class="flash-icon">⚡</text>
+							<text class="section-title">限时秒杀</text>
+						</view>
+						<view class="countdown-wrapper">
+							<text class="countdown-label">距结束</text>
+							<view class="time-box">
+								<text class="time">{{ countdown.hours }}</text>
+								<text class="colon">:</text>
+								<text class="time">{{ countdown.minutes }}</text>
+								<text class="colon">:</text>
+								<text class="time">{{ countdown.seconds }}</text>
+							</view>
+						</view>
+					</view>
+					<view class="more-link" @click="navigateToFlashSale">
+						<text>更多</text>
+						<text class="arrow">›</text>
+					</view>
+				</view>
+				
+				<!-- 限时秒杀商品网格 -->
+				<view class="flash-grid">
+					<view 
+						v-for="(product, index) in flashSaleProducts" 
+						:key="index"
+						class="flash-product"
+						@click="navigateToProduct(product)"
+					>
+						<view class="product-image-wrapper">
+							<image 
+								class="product-image" 
+								:src="product.image" 
+								mode="aspectFill"
+							/>
+							<view v-if="product.tag" class="product-tag">{{ product.tag }}</view>
+						</view>
+						<view class="price-info">
+							<text class="flash-price">¥{{ product.price }}</text>
+							<text class="original-price">¥{{ product.original_price }}</text>
+							<view class="progress-container">
+								<view class="progress-bar">
+									<view class="progress-inner" :style="{ width: product.soldPercent + '%' }"></view>
+								</view>
+								<text class="sold-text">已抢{{ product.soldPercent }}%</text>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+
+			<!-- 为你推荐 - 瀑布流布局 -->
+			<view class="recommend-section">
+				<view class="section-header">
+					<view class="title-with-icon">
+						<text class="recommend-icon">❤️</text>
+						<text class="section-title">为你推荐</text>
+					</view>
+					<view class="sort-options">
+						<text 
+							v-for="option in sortOptions" 
+							:key="option.id"
+							:class="['sort-option', { active: activeSort === option.id }]"
+							@click="switchSort(option.id)"
+						>
+							{{ option.name }}
+						</text>
+					</view>
+				</view>
+				
+				<!-- 瀑布流容器 -->
+				<view class="waterfall-container">
+					<!-- 左列 -->
+					<view class="waterfall-column left-column">
+						<view 
+							v-for="(product, index) in leftColumnProducts" 
+							:key="product.id"
+							class="product-card"
+							@click="navigateToProduct(product)"
+						>
+							<view class="product-image-wrapper">
+								<image 
+									class="product-image" 
+									:src="product.image" 
+									mode="widthFix"
+									lazy-load="true"
+								/>
+								<view v-if="product.tag" class="product-tag">{{ product.tag }}</view>
+							</view>
+							<view class="product-info">
+								<text class="product-title">{{ product.name }}</text>
+								<view class="price-section">
+									<view class="current-price">
+										<text class="price-symbol">¥</text>
+										<text class="price-value">{{ product.price }}</text>
+									</view>
+									<text v-if="product.original_price > product.price" class="original-price">
+										¥{{ product.original_price }}
+									</text>
+								</view>
+								<view class="product-meta">
+									<text class="sales-count">{{ product.sales }}人已买</text>
+									<view class="shop-info" v-if="product.shop">
+										<text class="shop-name">{{ product.shop }}</text>
+									</view>
+								</view>
+							</view>
+						</view>
+					</view>
+					
+					<!-- 右列 -->
+					<view class="waterfall-column right-column">
+						<view 
+							v-for="(product, index) in rightColumnProducts" 
+							:key="product.id"
+							class="product-card"
+							@click="navigateToProduct(product)"
+						>
+							<view class="product-image-wrapper">
+								<image 
+									class="product-image" 
+									:src="product.image" 
+									mode="widthFix"
+									lazy-load="true"
+								/>
+								<view v-if="product.tag" class="product-tag">{{ product.tag }}</view>
+							</view>
+							<view class="product-info">
+								<text class="product-title">{{ product.name }}</text>
+								<view class="price-section">
+									<view class="current-price">
+										<text class="price-symbol">¥</text>
+										<text class="price-value">{{ product.price }}</text>
+									</view>
+									<text v-if="product.original_price > product.price" class="original-price">
+										¥{{ product.original_price }}
+									</text>
+								</view>
+								<view class="product-meta">
+									<text class="sales-count">{{ product.sales }}人已买</text>
+									<view class="shop-info" v-if="product.shop">
+										<text class="shop-name">{{ product.shop }}</text>
+									</view>
+								</view>
+							</view>
+						</view>
+					</view>
+				</view>
+				
+				<!-- 加载状态 -->
+				<view v-if="loading" class="loading-container">
+					<view class="loading-spinner"></view>
+					<text class="loading-text">加载中...</text>
+				</view>
+				
+				<view v-if="!hasMore && productList.length > 0" class="no-more">
+					<text>--- 我是有底线的 ---</text>
+				</view>
+			</view>
+			
+			<!-- 底部安全区域 -->
+			<view class="safe-area"></view>
+		</scroll-view>
+	</view>
+</template>
+
+<script setup lang="uts">
+import { ref, reactive, onMounted, onUnmounted, computed } from 'vue'
+
+// 响应式数据
+const bannerList = ref<any[]>([])
+const categoryList = ref<any[]>([])
+const productList = ref<any[]>([])
+const flashSaleProducts = ref<any[]>([])
+const currentCity = ref<string>('北京市')
+const refreshing = ref<boolean>(false)
+const loading = ref<boolean>(false)
+const hasMore = ref<boolean>(true)
+const page = ref<number>(1)
+const activeCategory = ref<string>('1')
+const activeSort = ref<string>('recommend')
+const statusBarHeight = ref<number>(0)
+const scrollViewHeight = ref<number>(0)
+const scrollLeft = ref<number>(0)
+
+// 倒计时数据
+const countdown = reactive({
+	hours: '02',
+	minutes: '30',
+	seconds: '15'
+})
+
+// 排序选项
+const sortOptions = [
+	{ id: 'recommend', name: '推荐' },
+	{ id: 'new', name: '新品' },
+	{ id: 'hot', name: '热销' },
+	{ id: 'priceAsc', name: '价格↑' },
+	{ id: 'priceDesc', name: '价格↓' }
+]
+
+// 计算瀑布流列数据
+const leftColumnProducts = computed(() => {
+	return productList.value.filter((_, index) => index % 2 === 0)
+})
+
+const rightColumnProducts = computed(() => {
+	return productList.value.filter((_, index) => index % 2 === 1)
+})
+
+// Mock 数据
+const mockData = {
+	banners: [
+		{
+			id: '1',
+			title: '双11狂欢购',
+			image_url: 'https://picsum.photos/750/350?random=1'
+		},
+		{
+			id: '2',
+			title: '品牌品质日',
+			image_url: 'https://picsum.photos/750/350?random=2'
+		},
+		{
+			id: '3',
+			title: '新人专享礼',
+			image_url: 'https://picsum.photos/750/350?random=3'
+		}
+	],
+	
+	categories: [
+		{ id: '1', name: '推荐', icon: '⭐' },
+		{ id: '2', name: '女装', icon: '👗' },
+		{ id: '3', name: '男装', icon: '👔' },
+		{ id: '4', name: '鞋靴', icon: '👠' },
+		{ id: '5', name: '箱包', icon: '👜' },
+		{ id: '6', name: '美妆', icon: '💄' },
+		{ id: '7', name: '数码', icon: '📱' },
+		{ id: '8', name: '家电', icon: '📺' },
+		{ id: '9', name: '家居', icon: '🏠' },
+		{ id: '10', name: '母婴', icon: '👶' },
+		{ id: '11', name: '食品', icon: '🍎' },
+		{ id: '12', name: '运动', icon: '⚽' },
+		{ id: '13', name: '汽车', icon: '🚗' },
+		{ id: '14', name: '百货', icon: '🛒' },
+		{ id: '15', name: '图书', icon: '📚' },
+		{ id: '16', name: '玩具', icon: '🧸' },
+		{ id: '17', name: '珠宝', icon: '💎' },
+		{ id: '18', name: '手表', icon: '⌚' },
+		{ id: '19', name: '宠物', icon: '🐶' },
+		{ id: '20', name: '文具', icon: '✏️' }
+	],
+	
+	flashSaleProducts: [
+		{
+			id: '1001',
+			name: '无线蓝牙耳机',
+			price: 299,
+			original_price: 599,
+			image: 'https://picsum.photos/200/200?random=1',
+			sales: 150,
+			soldPercent: 75,
+			tag: '秒杀'
+		},
+		{
+			id: '1002',
+			name: '运动T恤',
+			price: 79,
+			original_price: 159,
+			image: 'https://picsum.photos/200/200?random=2',
+			sales: 200,
+			soldPercent: 80,
+			tag: '爆款'
+		},
+		{
+			id: '1003',
+			name: '智能手环',
+			price: 199,
+			original_price: 299,
+			image: 'https://picsum.photos/200/200?random=3',
+			sales: 180,
+			soldPercent: 60,
+			tag: '新品'
+		},
+		{
+			id: '1004',
+			name: '电动牙刷',
+			price: 89,
+			original_price: 159,
+			image: 'https://picsum.photos/200/200?random=4',
+			sales: 250,
+			soldPercent: 90,
+			tag: '热卖'
+		},
+		{
+			id: '1005',
+			name: '保温杯',
+			price: 49,
+			original_price: 99,
+			image: 'https://picsum.photos/200/200?random=5',
+			sales: 300,
+			soldPercent: 85,
+			tag: '秒杀'
+		},
+		{
+			id: '1006',
+			name: '智能手表',
+			price: 399,
+			original_price: 599,
+			image: 'https://picsum.photos/200/200?random=6',
+			sales: 180,
+			soldPercent: 70,
+			tag: '爆款'
+		},
+		{
+			id: '1007',
+			name: '运动鞋',
+			price: 199,
+			original_price: 299,
+			image: 'https://picsum.photos/200/200?random=7',
+			sales: 220,
+			soldPercent: 80,
+			tag: '热卖'
+		},
+		{
+			id: '1008',
+			name: '保温饭盒',
+			price: 89,
+			original_price: 129,
+			image: 'https://picsum.photos/200/200?random=8',
+			sales: 190,
+			soldPercent: 75,
+			tag: '新品'
+		}
+	],
+	
+	products: [
+		{
+			id: '2001',
+			name: '智能手机 5G全网通 大内存',
+			price: 3999,
+			original_price: 4999,
+			image: 'https://picsum.photos/300/400?random=6',
+			sales: 500,
+			shop: '官方旗舰店',
+			tag: '官方'
+		},
+		{
+			id: '2002',
+			name: '笔记本电脑 轻薄本 学生办公',
+			price: 5999,
+			original_price: 6999,
+			image: 'https://picsum.photos/300/300?random=7',
+			sales: 300,
+			shop: '品牌专卖店',
+			tag: '折扣'
+		},
+		{
+			id: '2003',
+			name: '运动鞋 透气舒适跑步鞋',
+			price: 299,
+			original_price: 499,
+			image: 'https://picsum.photos/300/500?random=8',
+			sales: 800,
+			shop: '运动专营店'
+		},
+		{
+			id: '2004',
+			name: '电饭煲 智能预约多功能',
+			price: 399,
+			original_price: 599,
+			image: 'https://picsum.photos/300/350?random=9',
+			sales: 450,
+			shop: '家电旗舰店',
+			tag: '热卖'
+		},
+		{
+			id: '2005',
+			name: '护肤品套装 保湿补水',
+			price: 299,
+			original_price: 399,
+			image: 'https://picsum.photos/300/450?random=10',
+			sales: 600,
+			shop: '美妆官方店'
+		},
+		{
+			id: '2006',
+			name: '儿童玩具积木益智',
+			price: 199,
+			original_price: 299,
+			image: 'https://picsum.photos/300/320?random=11',
+			sales: 350,
+			shop: '母婴专营店',
+			tag: '新品'
+		},
+		{
+			id: '2007',
+			name: '智能手表 心率监测',
+			price: 899,
+			original_price: 1299,
+			image: 'https://picsum.photos/300/380?random=12',
+			sales: 280,
+			shop: '数码旗舰店'
+		},
+		{
+			id: '2008',
+			name: '羽绒服 冬季保暖',
+			price: 499,
+			original_price: 899,
+			image: 'https://picsum.photos/300/420?random=13',
+			sales: 420,
+			shop: '服装旗舰店',
+			tag: '爆款'
+		}
+	]
+}
+
+// 生命周期
+onMounted(() => {
+	// 获取状态栏高度
+	const systemInfo = uni.getSystemInfoSync()
+	statusBarHeight.value = systemInfo.statusBarHeight || 0
+	
+	// 计算滚动区域高度
+	const windowHeight = systemInfo.windowHeight
+	const tabBarHeight = 50 // 假设tabBar高度为50px
+	scrollViewHeight.value = windowHeight - statusBarHeight.value - tabBarHeight
+	
+	// 加载数据
+	loadMockData()
+	setupCountdown()
+})
+
+onUnmounted(() => {
+	// 清理定时器
+	if (countdownTimer.value !== null) {
+		clearInterval(countdownTimer.value)
+	}
+})
+
+// 加载Mock数据
+const loadMockData = () => {
+    bannerList.value = mockData.banners || []
+    categoryList.value = mockData.categories || []
+    flashSaleProducts.value = mockData.flashSaleProducts || []
+    productList.value = mockData.products || []
+}
+
+// 倒计时定时器
+const countdownTimer = ref<any>(null)
+const setupCountdown = () => {
+	countdownTimer.value = setInterval(() => {
+		let hours = parseInt(countdown.hours)
+		let minutes = parseInt(countdown.minutes)
+		let seconds = parseInt(countdown.seconds)
+		
+		seconds--
+		if (seconds < 0) {
+			seconds = 59
+			minutes--
+			if (minutes < 0) {
+				minutes = 59
+				hours--
+				if (hours < 0) {
+					// 重置倒计时
+					hours = 2
+					minutes = 30
+					seconds = 15
+				}
+			}
+		}
+		
+		countdown.hours = hours.toString().padStart(2, '0')
+		countdown.minutes = minutes.toString().padStart(2, '0')
+		countdown.seconds = seconds.toString().padStart(2, '0')
+	}, 1000)
+}
+
+// 事件处理函数
+const showCityPicker = () => {
+	uni.showActionSheet({
+		itemList: ['北京市', '上海市', '广州市', '深圳市', '其他城市'],
+		success: (res) => {
+			const cities = ['北京市', '上海市', '广州市', '深圳市', '其他城市']
+			currentCity.value = cities[res.tapIndex]
+		}
+	})
+}
+
+// 切换商品分类
+const switchCategory = (categoryId: string, index: number) => {
+	activeCategory.value = categoryId
+	
+	// 这里可以添加根据分类筛选商品的逻辑
+	console.log('切换到分类:', categoryId)
+	
+	// 滚动到选中的分类
+	const itemWidth = 80 // 每个分类项的宽度（包括margin）
+	scrollLeft.value = index * itemWidth
+}
+
+const switchSort = (sortId: string) => {
+	activeSort.value = sortId
+	// 这里可以添加根据排序方式筛选商品的逻辑
+}
+
+// 滚动事件
+const onScroll = (e: any) => {
+	scrollLeft.value = e.detail.scrollLeft
+}
+
+// 下拉刷新
+const onRefresh = () => {
+	refreshing.value = true
+	setTimeout(() => {
+		loadMockData()
+		refreshing.value = false
+		uni.showToast({
+			title: '刷新成功',
+			icon: 'success'
+		})
+	}, 1000)
+}
+
+// 上拉加载更多
+const loadMore = () => {
+	if (!loading.value && hasMore.value) {
+		loading.value = true
+		setTimeout(() => {
+			// 模拟加载更多数据
+			const newProducts = [...mockData.products].map((item, index) => ({
+				...item,
+				id: `300${index}`,
+				price: item.price + Math.floor(Math.random() * 100)
+			}))
+			productList.value = [...productList.value, ...newProducts]
+			loading.value = false
+			hasMore.value = productList.value.length < 20 // 假设最多显示20个商品
+		}, 1500)
+	}
+}
+
+// 导航函数
+const navigateToSearch = () => uni.navigateTo({ url: '/pages/mall/consumer/search' })
+const navigateToCategory = (category?: any) => {
+	if (category) {
+		uni.navigateTo({ url: `/pages/mall/consumer/category?id=${category.id}&name=${category.name}` })
+	} else {
+		uni.switchTab({ url: '/pages/mall/consumer/category' })
+	}
+}
+const navigateToProduct = (product: any) => {
+	uni.navigateTo({ url: `/pages/mall/consumer/product-detail?id=${product.id}` })
+}
+const navigateToCoupons = () => uni.navigateTo({ url: '/pages/mall/consumer/coupons' })
+const navigateToMessages = () => uni.navigateTo({ url: '/pages/mall/consumer/messages' })
+const navigateToFlashSale = () => uni.navigateTo({ url: '/pages/mall/consumer/flash-sale' })
+const navigateToBrand = () => uni.navigateTo({ url: '/pages/mall/consumer/brand' })
+const navigateToCart = () => uni.switchTab({ url: '/pages/mall/consumer/cart' })
+const navigateToDailyDeals = () => uni.navigateTo({ url: '/pages/mall/consumer/daily-deals' })
+const navigateToGroupBuy = () => uni.navigateTo({ url: '/pages/mall/consumer/group-buy' })
+</script>
+
+<style>
+/* 重置默认样式 - 确保不受全局样式影响 */
+.consumer-home * {
+	box-sizing: border-box;
+	margin: 0;
+	padding: 0;
+}
+
+.consumer-home {
+	width: 100%;
+	min-height: 100vh;
+	background: #f5f5f5;
+	display: flex;
+	flex-direction: column;
+	position: relative;
+}
+
+/* 自定义导航栏 - 简化版 */
+.custom-navbar {
+	background: #ff5000;
+	width: 100%;
+	position: fixed;
+	top: 0;
+	left: 0;
+	z-index: 1000;
+}
+
+.nav-content {
+	height: 44px;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	padding: 0 15px;
+	color: white;
+}
+
+.location {
+	display: flex;
+	align-items: center;
+	flex-shrink: 0;
+	padding: 5px 10px;
+	background: rgba(255, 255, 255, 0.2);
+	border-radius: 15px;
+}
+
+.location-icon {
+	font-size: 14px;
+	margin-right: 4px;
+}
+
+.location-text {
+	font-size: 14px;
+	font-weight: bold;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	max-width: 60px;
+}
+
+.location-arrow {
+	font-size: 10px;
+	margin-left: 4px;
+	color: rgba(255, 255, 255, 0.8);
+}
+
+.nav-icons {
+	display: flex;
+	align-items: center;
+	gap: 15px;
+}
+
+.icon-item {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 30px;
+	height: 30px;
+}
+
+.icon {
+	font-size: 20px;
+}
+
+/* 主内容区 */
+.main-content {
+	background: #f5f5f5;
+	margin-top: 44px;
+	width: 100%;
+}
+
+/* 商品分类区域 - 修复横向滚动 */
+.category-section {
+	background: white;
+	width: 100%;
+	padding: 15px 0;
+	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+	margin-bottom: 5px;
+	position: relative;
+	overflow: hidden;
+}
+
+/* 商品分类横向滚动区域 */
+.category-scroll {
+	white-space: nowrap;
+	width: 100%;
+	overflow-x: auto;
+	-webkit-overflow-scrolling: touch;
+	height: 90px;
+}
+
+.category-container {
+	display: flex;
+	flex-direction: row;
+	padding: 10px 15px;
+}
+
+.category-item {
+	flex-shrink: 0;
+	margin-right: 15px;
+	width: 70px;
+	height: 70px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	transition: all 0.3s ease;
+	position: relative;
+}
+
+.category-item.active .category-icon-wrapper {
+	background: #ff5000;
+	transform: scale(1.1);
+	box-shadow: 0 4px 12px rgba(255, 80, 0, 0.3);
+}
+
+.category-item.active .category-icon {
+	color: white;
+}
+
+.category-item.active .category-name {
+	color: #ff5000;
+	font-weight: bold;
+}
+
+/* 添加活动指示器 */
+.category-item.active::after {
+	content: '';
+	position: absolute;
+	bottom: 0;
+	left: 50%;
+	transform: translateX(-50%);
+	width: 20px;
+	height: 3px;
+	background: #ff5000;
+	border-radius: 2px;
+}
+
+.category-icon-wrapper {
+	width: 48px;
+	height: 48px;
+	border-radius: 24px;
+	background: linear-gradient(135deg, #f5f5f5, #e8e8e8);
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	margin-bottom: 6px;
+	transition: all 0.3s ease;
+}
+
+.category-icon {
+	font-size: 24px;
+	color: #666;
+	transition: all 0.3s ease;
+}
+
+.category-name {
+	font-size: 12px;
+	color: #333;
+	text-align: center;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	width: 100%;
+	line-height: 1.2;
+	transition: all 0.3s ease;
+}
+
+/* 搜索栏 */
+.search-section {
+	background: white;
+	padding: 12px 15px;
+	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+}
+
+.search-container {
+	width: 100%;
+}
+
+.search-box {
+	background: #f5f5f5;
+	border-radius: 25px;
+	padding: 12px 20px;
+	display: flex;
+	align-items: center;
+	width: 100%;
+	height: 45px;
+	border: 1px solid #eee;
+}
+
+.search-icon {
+	color: #999;
+	margin-right: 10px;
+	font-size: 18px;
+}
+
+.search-placeholder {
+	color: #999;
+	font-size: 15px;
+	flex: 1;
+}
+
+/* 轮播图区域 */
+.banner-section {
+	background: white;
+	width: 100%;
+	overflow: hidden;
+	margin-top: 5px;
+}
+
+.banner-swiper {
+	height: 200px;
+	width: 100%;
+}
+
+.banner-image {
+	width: 100%;
+	height: 100%;
+	display: block;
+}
+
+/* 快捷入口 - 横向排列 */
+.quick-actions {
+	background: white;
+	padding: 20px 0;
+	margin: 10px;
+	border-radius: 12px;
+	display: flex;
+	flex-direction: row;
+	justify-content: space-around;
+	align-items: center;
+	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+	width: calc(100% - 20px);
+}
+
+.action-item {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	width: 20%;
+	flex-shrink: 0;
+}
+
+.action-icon {
+	width: 48px;
+	height: 48px;
+	border-radius: 24px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-size: 22px;
+	margin-bottom: 8px;
+}
+
+.action-icon.flash {
+	background: linear-gradient(135deg, #ff3b30, #ff9500);
+	color: white;
+}
+
+.action-icon.coupon {
+	background: linear-gradient(135deg, #34c759, #30d158);
+	color: white;
+}
+
+.action-icon.daily {
+	background: linear-gradient(135deg, #ff9500, #ffcc00);
+	color: white;
+}
+
+.action-icon.brand {
+	background: linear-gradient(135deg, #af52de, #ff2d55);
+	color: white;
+}
+
+.action-icon.group {
+	background: linear-gradient(135deg, #007aff, #5856d6);
+	color: white;
+}
+
+.action-text {
+	font-size: 13px;
+	color: #333;
+	font-weight: 500;
+	text-align: center;
+	width: 100%;
+}
+
+/* 限时秒杀 - 新版横向布局 */
+.flash-sale-section {
+	background: linear-gradient(135deg, #fff0e8, #ffece6);
+	margin: 10px;
+	border-radius: 12px;
+	padding: 18px;
+	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+	border: 1px solid #ffddd1;
+	width: calc(100% - 20px);
+}
+
+/* 限时秒杀头部 - 横向排列 */
+.section-header {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	margin-bottom: 18px;
+	width: 100%;
+}
+
+.header-left {
+	display: flex;
+	align-items: center;
+	gap: 20px;
+	flex: 1;
+}
+
+.title-with-icon {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+}
+
+.flash-icon, .recommend-icon {
+	color: #ff5000;
+	font-size: 20px;
+}
+
+.section-title {
+	font-size: 18px;
+	font-weight: bold;
+	color: #ff5000;
+}
+
+/* 倒计时样式调整 - 横向排列 */
+.countdown-wrapper {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	background: #ff5000;
+	padding: 6px 12px;
+	border-radius: 6px;
+	white-space: nowrap;
+}
+
+.countdown-label {
+	font-size: 13px;
+	color: white;
+	font-weight: 500;
+}
+
+.time-box {
+	display: flex;
+	align-items: center;
+	gap: 3px;
+}
+
+.time {
+	background: white;
+	color: #ff5000;
+	padding: 4px 8px;
+	border-radius: 4px;
+	font-size: 14px;
+	min-width: 26px;
+	text-align: center;
+	font-weight: bold;
+}
+
+.colon {
+	color: white;
+	font-size: 14px;
+	font-weight: bold;
+}
+
+.more-link {
+	display: flex;
+	align-items: center;
+	color: #999;
+	font-size: 14px;
+	white-space: nowrap;
+}
+
+.more-link .arrow {
+	margin-left: 5px;
+	font-size: 18px;
+}
+
+/* 限时秒杀商品网格布局 */
+.flash-grid {
+	display: grid;
+	grid-template-columns: repeat(4, 1fr);
+	gap: 12px;
+	width: 100%;
+}
+
+.flash-product {
+	background: white;
+	border-radius: 10px;
+	overflow: hidden;
+	border: 1px solid #ffddd1;
+	box-shadow: 0 3px 10px rgba(255, 80, 0, 0.12);
+	transition: transform 0.2s ease, box-shadow 0.2s ease;
+}
+
+.flash-product:active {
+	transform: scale(0.98);
+	box-shadow: 0 2px 8px rgba(255, 80, 0, 0.2);
+}
+
+.product-image-wrapper {
+	position: relative;
+	width: 100%;
+	height: 0;
+	padding-bottom: 100%; /* 保持正方形 */
+	overflow: hidden;
+}
+
+.product-image {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	display: block;
+}
+
+.product-tag {
+	position: absolute;
+	top: 8px;
+	left: 8px;
+	background: #ff5000;
+	color: white;
+	font-size: 11px;
+	padding: 3px 10px;
+	border-radius: 12px;
+	font-weight: bold;
+	z-index: 1;
+}
+
+.price-info {
+	padding: 12px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}
+
+.flash-price {
+	color: #ff5000;
+	font-size: 18px;
+	font-weight: bold;
+	text-align: center;
+	width: 100%;
+}
+
+.original-price {
+	color: #999;
+	font-size: 13px;
+	text-decoration: line-through;
+	margin: 6px 0;
+	text-align: center;
+	width: 100%;
+}
+
+.progress-container {
+	width: 100%;
+	margin-top: 8px;
+}
+
+.progress-bar {
+	width: 100%;
+	height: 8px;
+	background: #ffece6;
+	border-radius: 4px;
+	overflow: hidden;
+}
+
+.progress-inner {
+	height: 100%;
+	background: linear-gradient(90deg, #ff9500, #ff5000);
+	border-radius: 4px;
+}
+
+.sold-text {
+	font-size: 11px;
+	color: #ff5000;
+	text-align: center;
+	width: 100%;
+	margin-top: 4px;
+}
+
+/* 为你推荐 - 瀑布流布局 */
+.recommend-section {
+	background: white;
+	margin: 10px;
+	border-radius: 12px;
+	padding: 18px;
+	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+	width: calc(100% - 20px);
+}
+
+.sort-options {
+	display: flex;
+	gap: 20px;
+}
+
+.sort-option {
+	font-size: 14px;
+	color: #666;
+	padding: 5px 0;
+	position: relative;
+}
+
+.sort-option.active {
+	color: #ff5000;
+	font-weight: bold;
+}
+
+.sort-option.active::after {
+	content: '';
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	height: 2px;
+	background: #ff5000;
+	border-radius: 1px;
+}
+
+/* 瀑布流布局 */
+.waterfall-container {
+	display: flex;
+	justify-content: space-between;
+	gap: 12px;
+	width: 100%;
+	margin-top: 18px;
+}
+
+.waterfall-column {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	gap: 12px;
+}
+
+.left-column {
+	margin-right: 6px;
+}
+
+.right-column {
+	margin-left: 6px;
+}
+
+.product-card {
+	background: white;
+	border-radius: 10px;
+	overflow: hidden;
+	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
+	width: 100%;
+}
+
+.product-image-wrapper {
+	position: relative;
+	width: 100%;
+	background: #f8f8f8;
+}
+
+.product-image {
+	width: 100%;
+	display: block;
+}
+
+.product-info {
+	padding: 15px;
+}
+
+.product-title {
+	font-size: 15px;
+	color: #333;
+	line-height: 1.4;
+	height: 42px;
+	overflow: hidden;
+	display: -webkit-box;
+	-webkit-line-clamp: 2;
+	-webkit-box-orient: vertical;
+	margin-bottom: 12px;
+	font-weight: 500;
+}
+
+.price-section {
+	display: flex;
+	align-items: baseline;
+	margin-bottom: 10px;
+}
+
+.current-price {
+	color: #ff5000;
+}
+
+.price-symbol {
+	font-size: 13px;
+}
+
+.price-value {
+	font-size: 20px;
+	font-weight: bold;
+}
+
+.original-price {
+	color: #999;
+	font-size: 13px;
+	text-decoration: line-through;
+	margin-left: 10px;
+}
+
+.product-meta {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	font-size: 13px;
+}
+
+.sales-count {
+	color: #999;
+}
+
+.shop-info {
+	display: flex;
+	align-items: center;
+}
+
+.shop-name {
+	color: #666;
+}
+
+/* 加载状态 */
+.loading-container {
+	padding: 30px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	width: 100%;
+}
+
+.loading-spinner {
+	width: 30px;
+	height: 30px;
+	border: 3px solid #f0f5ff;
+	border-top-color: #ff5000;
+	border-radius: 50%;
+	animation: spin 1s linear infinite;
+	margin-bottom: 10px;
+}
+
+@keyframes spin {
+	0% { transform: rotate(0deg); }
+	100% { transform: rotate(360deg); }
+}
+
+.loading-text {
+	color: #999;
+	font-size: 14px;
+}
+
+.no-more {
+	text-align: center;
+	color: #999;
+	font-size: 13px;
+	padding: 30px 0;
+	border-top: 1px solid #f0f0f0;
+	margin-top: 10px;
+	width: 100%;
+}
+
+/* 安全区域 */
+.safe-area {
+	height: 20px;
+	width: 100%;
+}
+
+/* 为分类项添加点击反馈 */
+.category-item:active {
+	opacity: 0.7;
+	transform: scale(0.98);
+}
+
+/* 确保分类图标在点击时有更好的视觉效果 */
+.category-icon-wrapper:active {
+	transform: scale(0.95);
+}
+
+/* 响应式适配 */
+@media screen and (max-width: 320px) {
+	.category-item {
+		width: 65px;
+		margin-right: 12px;
+	}
+	
+	.flash-grid {
+		grid-template-columns: repeat(2, 1fr);
+		gap: 10px;
+	}
+}
+
+@media screen and (min-width: 321px) and (max-width: 375px) {
+	.category-item {
+		width: 68px;
+		margin-right: 14px;
+	}
+	
+	.flash-grid {
+		grid-template-columns: repeat(2, 1fr);
+		gap: 12px;
+	}
+}
+
+@media screen and (min-width: 376px) and (max-width: 414px) {
+	.category-item {
+		width: 72px;
+		margin-right: 15px;
+	}
+	
+	.flash-grid {
+		grid-template-columns: repeat(3, 1fr);
+		gap: 12px;
+	}
+}
+
+@media screen and (min-width: 415px) {
+	.category-item {
+		width: 75px;
+		margin-right: 18px;
+	}
+	
+	.flash-grid {
+		grid-template-columns: repeat(4, 1fr);
+		gap: 15px;
+	}
+}
+
+/* 针对平板设备的适配 */
+@media screen and (min-width: 768px) {
+	.flash-grid {
+		grid-template-columns: repeat(5, 1fr);
+		gap: 16px;
+	}
+	
+	.flash-product {
+		border-radius: 12px;
+	}
+	
+	.product-image-wrapper {
+		padding-bottom: 100%;
+	}
+}
+</style>
\ No newline at end of file
diff --git a/pages/mall/consumer/index - 副本 (3).uvue b/pages/mall/consumer/index - 副本 (3).uvue
new file mode 100644
index 00000000..a2f3c8a5
--- /dev/null
+++ b/pages/mall/consumer/index - 副本 (3).uvue	
@@ -0,0 +1,1550 @@
+<!-- pages/mall/consumer/index.uvue -->
+<template>
+	<view class="consumer-home">
+		<!-- 自定义顶部导航栏（简化版） -->
+		<view class="custom-navbar" :style="{ paddingTop: statusBarHeight + 'px' }">
+			<view class="nav-content">
+				<view class="location" @click="showCityPicker">
+					<text class="location-icon">📍</text>
+					<text class="location-text">{{ currentCity }}</text>
+					<text class="location-arrow">▼</text>
+				</view>
+				
+				<view class="nav-icons">
+					<view class="icon-item" @click="navigateToMessages">
+						<text class="icon">💬</text>
+					</view>
+					<view class="icon-item" @click="navigateToCart">
+						<text class="icon">🛒</text>
+					</view>
+				</view>
+			</view>
+		</view>
+
+		<!-- 主内容区 -->
+		<scroll-view 
+			scroll-y 
+			class="main-content"
+			:style="{ height: scrollViewHeight + 'px' }"
+			refresher-enabled
+			:refresher-triggered="refreshing"
+			@refresherrefresh="onRefresh"
+			@scrolltolower="loadMore"
+			:show-scrollbar="false"
+		>
+			<!-- 商品分类区域 - 修复横向滚动 -->
+			<view class="category-section">
+				<scroll-view 
+					scroll-x 
+					class="category-scroll" 
+					:show-scrollbar="false"
+					:scroll-left="scrollLeft"
+					@scroll="onScroll"
+				>
+					<view class="category-container">
+						<view 
+							v-for="(category, index) in categoryList" 
+							:key="category.id"
+							:class="['category-item', { active: activeCategory === category.id }]"
+							@click="switchCategory(category.id, index)"
+						>
+							<view class="category-icon-wrapper">
+								<text class="category-icon">{{ category.icon }}</text>
+							</view>
+							<text class="category-name">{{ category.name }}</text>
+						</view>
+					</view>
+				</scroll-view>
+			</view>
+
+			<!-- 搜索栏 -->
+			<view class="search-section" @click="navigateToSearch">
+				<view class="search-container">
+					<view class="search-box">
+						<text class="search-icon">🔍</text>
+						<text class="search-placeholder">搜索商品/品牌/店铺</text>
+					</view>
+				</view>
+			</view>
+
+			<!-- 轮播图 -->
+			<view class="banner-section">
+				<swiper 
+					class="banner-swiper" 
+					:autoplay="true" 
+					:interval="4000" 
+					:duration="500"
+					:circular="true"
+					:indicator-dots="true"
+					indicator-color="rgba(255,255,255,0.6)"
+					indicator-active-color="#ff5000"
+				>
+					<swiper-item v-for="(banner, index) in bannerList" :key="banner.id">
+						<image 
+							class="banner-image" 
+							:src="banner.image_url" 
+							mode="aspectFill"
+						/>
+					</swiper-item>
+				</swiper>
+			</view>
+
+			<!-- 快捷入口 -->
+			<view class="quick-actions">
+				<view class="action-item" @click="navigateToFlashSale">
+					<view class="action-icon flash">⚡</view>
+					<text class="action-text">限时秒杀</text>
+				</view>
+				<view class="action-item" @click="navigateToCoupons">
+					<view class="action-icon coupon">🎫</view>
+					<text class="action-text">领券中心</text>
+				</view>
+				<view class="action-item" @click="navigateToDailyDeals">
+					<view class="action-icon daily">🔥</view>
+					<text class="action-text">每日特价</text>
+				</view>
+				<view class="action-item" @click="navigateToBrand">
+					<view class="action-icon brand">🏷️</view>
+					<text class="action-text">品牌特卖</text>
+				</view>
+				<view class="action-item" @click="navigateToGroupBuy">
+					<view class="action-icon group">👥</view>
+					<text class="action-text">拼团购</text>
+				</view>
+			</view>
+
+			<!-- 限时秒杀 -->
+			<view class="flash-sale-section">
+				<view class="section-header">
+					<view class="header-content">
+						<view class="title-with-icon">
+							<text class="flash-icon">⚡</text>
+							<text class="section-title">限时秒杀</text>
+						</view>
+						<view class="countdown-wrapper">
+							<text class="countdown-label">距结束</text>
+							<view class="time-box">
+								<text class="time">{{ countdown.hours }}</text>
+								<text class="colon">:</text>
+								<text class="time">{{ countdown.minutes }}</text>
+								<text class="colon">:</text>
+								<text class="time">{{ countdown.seconds }}</text>
+							</view>
+						</view>
+						<view class="more-link" @click="navigateToFlashSale">
+							<text>更多</text>
+							<text class="arrow">›</text>
+						</view>
+					</view>
+				</view>
+				
+				<!-- 限时秒杀商品网格 -->
+				<view class="flash-grid">
+					<view 
+						v-for="(product, index) in flashSaleProducts" 
+						:key="index"
+						class="flash-product"
+						@click="navigateToProduct(product)"
+					>
+						<view class="product-image-wrapper">
+							<image 
+								class="product-image" 
+								:src="product.image" 
+								mode="aspectFill"
+							/>
+							<view v-if="product.tag" class="product-tag">{{ product.tag }}</view>
+						</view>
+						<view class="price-info">
+							<text class="flash-price">¥{{ product.price }}</text>
+							<text class="original-price">¥{{ product.original_price }}</text>
+							<view class="progress-container">
+								<view class="progress-bar">
+									<view class="progress-inner" :style="{ width: product.soldPercent + '%' }"></view>
+								</view>
+								<text class="sold-text">已抢{{ product.soldPercent }}%</text>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+
+			<!-- 为你推荐 - 瀑布流布局 -->
+			<view class="recommend-section">
+				<view class="section-header">
+					<view class="title-with-icon">
+						<text class="recommend-icon">❤️</text>
+						<text class="section-title">为你推荐</text>
+					</view>
+					<view class="sort-options">
+						<text 
+							v-for="option in sortOptions" 
+							:key="option.id"
+							:class="['sort-option', { active: activeSort === option.id }]"
+							@click="switchSort(option.id)"
+						>
+							{{ option.name }}
+						</text>
+					</view>
+				</view>
+				
+				<!-- 瀑布流容器 -->
+				<view class="waterfall-container">
+					<!-- 左列 -->
+					<view class="waterfall-column left-column">
+						<view 
+							v-for="(product, index) in leftColumnProducts" 
+							:key="product.id"
+							class="product-card"
+							@click="navigateToProduct(product)"
+						>
+							<view class="product-image-wrapper">
+								<image 
+									class="product-image" 
+									:src="product.image" 
+									mode="widthFix"
+									lazy-load="true"
+								/>
+								<view v-if="product.tag" class="product-tag">{{ product.tag }}</view>
+							</view>
+							<view class="product-info">
+								<text class="product-title">{{ product.name }}</text>
+								<view class="price-section">
+									<view class="current-price">
+										<text class="price-symbol">¥</text>
+										<text class="price-value">{{ product.price }}</text>
+									</view>
+									<text v-if="product.original_price > product.price" class="original-price">
+										¥{{ product.original_price }}
+									</text>
+								</view>
+								<view class="product-meta">
+									<text class="sales-count">{{ product.sales }}人已买</text>
+									<view class="shop-info" v-if="product.shop">
+										<text class="shop-name">{{ product.shop }}</text>
+									</view>
+								</view>
+							</view>
+						</view>
+					</view>
+					
+					<!-- 右列 -->
+					<view class="waterfall-column right-column">
+						<view 
+							v-for="(product, index) in rightColumnProducts" 
+							:key="product.id"
+							class="product-card"
+							@click="navigateToProduct(product)"
+						>
+							<view class="product-image-wrapper">
+								<image 
+									class="product-image" 
+									:src="product.image" 
+									mode="widthFix"
+									lazy-load="true"
+								/>
+								<view v-if="product.tag" class="product-tag">{{ product.tag }}</view>
+							</view>
+							<view class="product-info">
+								<text class="product-title">{{ product.name }}</text>
+								<view class="price-section">
+									<view class="current-price">
+										<text class="price-symbol">¥</text>
+										<text class="price-value">{{ product.price }}</text>
+									</view>
+									<text v-if="product.original_price > product.price" class="original-price">
+										¥{{ product.original_price }}
+									</text>
+								</view>
+								<view class="product-meta">
+									<text class="sales-count">{{ product.sales }}人已买</text>
+									<view class="shop-info" v-if="product.shop">
+										<text class="shop-name">{{ product.shop }}</text>
+									</view>
+								</view>
+							</view>
+						</view>
+					</view>
+				</view>
+				
+				<!-- 加载状态 -->
+				<view v-if="loading" class="loading-container">
+					<view class="loading-spinner"></view>
+					<text class="loading-text">加载中...</text>
+				</view>
+				
+				<view v-if="!hasMore && productList.length > 0" class="no-more">
+					<text>--- 我是有底线的 ---</text>
+				</view>
+			</view>
+			
+			<!-- 底部安全区域 -->
+			<view class="safe-area"></view>
+		</scroll-view>
+	</view>
+</template>
+
+<script setup lang="uts">
+import { ref, reactive, onMounted, onUnmounted, computed } from 'vue'
+
+// 响应式数据
+const bannerList = ref<any[]>([])
+const categoryList = ref<any[]>([])
+const productList = ref<any[]>([])
+const flashSaleProducts = ref<any[]>([])
+const currentCity = ref<string>('北京市')
+const refreshing = ref<boolean>(false)
+const loading = ref<boolean>(false)
+const hasMore = ref<boolean>(true)
+const page = ref<number>(1)
+const activeCategory = ref<string>('1')
+const activeSort = ref<string>('recommend')
+const statusBarHeight = ref<number>(0)
+const scrollViewHeight = ref<number>(0)
+const scrollLeft = ref<number>(0)
+
+// 倒计时数据
+const countdown = reactive({
+	hours: '02',
+	minutes: '30',
+	seconds: '15'
+})
+
+// 排序选项
+const sortOptions = [
+	{ id: 'recommend', name: '推荐' },
+	{ id: 'new', name: '新品' },
+	{ id: 'hot', name: '热销' },
+	{ id: 'priceAsc', name: '价格↑' },
+	{ id: 'priceDesc', name: '价格↓' }
+]
+
+// 计算瀑布流列数据
+const leftColumnProducts = computed(() => {
+	return productList.value.filter((_, index) => index % 2 === 0)
+})
+
+const rightColumnProducts = computed(() => {
+	return productList.value.filter((_, index) => index % 2 === 1)
+})
+
+// Mock 数据
+const mockData = {
+	banners: [
+		{
+			id: '1',
+			title: '双11狂欢购',
+			image_url: 'https://picsum.photos/750/350?random=1'
+		},
+		{
+			id: '2',
+			title: '品牌品质日',
+			image_url: 'https://picsum.photos/750/350?random=2'
+		},
+		{
+			id: '3',
+			title: '新人专享礼',
+			image_url: 'https://picsum.photos/750/350?random=3'
+		}
+	],
+	
+	categories: [
+		{ id: '1', name: '推荐', icon: '⭐' },
+		{ id: '2', name: '女装', icon: '👗' },
+		{ id: '3', name: '男装', icon: '👔' },
+		{ id: '4', name: '鞋靴', icon: '👠' },
+		{ id: '5', name: '箱包', icon: '👜' },
+		{ id: '6', name: '美妆', icon: '💄' },
+		{ id: '7', name: '数码', icon: '📱' },
+		{ id: '8', name: '家电', icon: '📺' },
+		{ id: '9', name: '家居', icon: '🏠' },
+		{ id: '10', name: '母婴', icon: '👶' },
+		{ id: '11', name: '食品', icon: '🍎' },
+		{ id: '12', name: '运动', icon: '⚽' },
+		{ id: '13', name: '汽车', icon: '🚗' },
+		{ id: '14', name: '百货', icon: '🛒' },
+		{ id: '15', name: '图书', icon: '📚' },
+		{ id: '16', name: '玩具', icon: '🧸' },
+		{ id: '17', name: '珠宝', icon: '💎' },
+		{ id: '18', name: '手表', icon: '⌚' },
+		{ id: '19', name: '宠物', icon: '🐶' },
+		{ id: '20', name: '文具', icon: '✏️' }
+	],
+	
+	flashSaleProducts: [
+		{
+			id: '1001',
+			name: '无线蓝牙耳机',
+			price: 299,
+			original_price: 599,
+			image: 'https://picsum.photos/200/200?random=1',
+			sales: 150,
+			soldPercent: 75,
+			tag: '秒杀'
+		},
+		{
+			id: '1002',
+			name: '运动T恤',
+			price: 79,
+			original_price: 159,
+			image: 'https://picsum.photos/200/200?random=2',
+			sales: 200,
+			soldPercent: 80,
+			tag: '爆款'
+		},
+		{
+			id: '1003',
+			name: '智能手环',
+			price: 199,
+			original_price: 299,
+			image: 'https://picsum.photos/200/200?random=3',
+			sales: 180,
+			soldPercent: 60,
+			tag: '新品'
+		},
+		{
+			id: '1004',
+			name: '电动牙刷',
+			price: 89,
+			original_price: 159,
+			image: 'https://picsum.photos/200/200?random=4',
+			sales: 250,
+			soldPercent: 90,
+			tag: '热卖'
+		},
+		{
+			id: '1005',
+			name: '保温杯',
+			price: 49,
+			original_price: 99,
+			image: 'https://picsum.photos/200/200?random=5',
+			sales: 300,
+			soldPercent: 85,
+			tag: '秒杀'
+		},
+		{
+			id: '1006',
+			name: '智能手表',
+			price: 399,
+			original_price: 599,
+			image: 'https://picsum.photos/200/200?random=6',
+			sales: 180,
+			soldPercent: 70,
+			tag: '爆款'
+		},
+		{
+			id: '1007',
+			name: '运动鞋',
+			price: 199,
+			original_price: 299,
+			image: 'https://picsum.photos/200/200?random=7',
+			sales: 220,
+			soldPercent: 80,
+			tag: '热卖'
+		},
+		{
+			id: '1008',
+			name: '保温饭盒',
+			price: 89,
+			original_price: 129,
+			image: 'https://picsum.photos/200/200?random=8',
+			sales: 190,
+			soldPercent: 75,
+			tag: '新品'
+		}
+	],
+	
+	products: [
+		{
+			id: '2001',
+			name: '智能手机 5G全网通 大内存',
+			price: 3999,
+			original_price: 4999,
+			image: 'https://picsum.photos/300/400?random=6',
+			sales: 500,
+			shop: '官方旗舰店',
+			tag: '官方'
+		},
+		{
+			id: '2002',
+			name: '笔记本电脑 轻薄本 学生办公',
+			price: 5999,
+			original_price: 6999,
+			image: 'https://picsum.photos/300/300?random=7',
+			sales: 300,
+			shop: '品牌专卖店',
+			tag: '折扣'
+		},
+		{
+			id: '2003',
+			name: '运动鞋 透气舒适跑步鞋',
+			price: 299,
+			original_price: 499,
+			image: 'https://picsum.photos/300/500?random=8',
+			sales: 800,
+			shop: '运动专营店'
+		},
+		{
+			id: '2004',
+			name: '电饭煲 智能预约多功能',
+			price: 399,
+			original_price: 599,
+			image: 'https://picsum.photos/300/350?random=9',
+			sales: 450,
+			shop: '家电旗舰店',
+			tag: '热卖'
+		},
+		{
+			id: '2005',
+			name: '护肤品套装 保湿补水',
+			price: 299,
+			original_price: 399,
+			image: 'https://picsum.photos/300/450?random=10',
+			sales: 600,
+			shop: '美妆官方店'
+		},
+		{
+			id: '2006',
+			name: '儿童玩具积木益智',
+			price: 199,
+			original_price: 299,
+			image: 'https://picsum.photos/300/320?random=11',
+			sales: 350,
+			shop: '母婴专营店',
+			tag: '新品'
+		},
+		{
+			id: '2007',
+			name: '智能手表 心率监测',
+			price: 899,
+			original_price: 1299,
+			image: 'https://picsum.photos/300/380?random=12',
+			sales: 280,
+			shop: '数码旗舰店'
+		},
+		{
+			id: '2008',
+			name: '羽绒服 冬季保暖',
+			price: 499,
+			original_price: 899,
+			image: 'https://picsum.photos/300/420?random=13',
+			sales: 420,
+			shop: '服装旗舰店',
+			tag: '爆款'
+		}
+	]
+}
+
+// 生命周期
+onMounted(() => {
+	// 获取状态栏高度
+	const systemInfo = uni.getSystemInfoSync()
+	statusBarHeight.value = systemInfo.statusBarHeight || 0
+	
+	// 计算滚动区域高度
+	const windowHeight = systemInfo.windowHeight
+	const tabBarHeight = 50 // 假设tabBar高度为50px
+	scrollViewHeight.value = windowHeight - statusBarHeight.value - tabBarHeight
+	
+	// 加载数据
+	loadMockData()
+	setupCountdown()
+})
+
+onUnmounted(() => {
+	// 清理定时器
+	if (countdownTimer.value !== null) {
+		clearInterval(countdownTimer.value)
+	}
+})
+
+// 加载Mock数据
+const loadMockData = () => {
+    bannerList.value = mockData.banners || []
+    categoryList.value = mockData.categories || []
+    flashSaleProducts.value = mockData.flashSaleProducts || []
+    productList.value = mockData.products || []
+}
+
+// 倒计时定时器
+const countdownTimer = ref<any>(null)
+const setupCountdown = () => {
+	countdownTimer.value = setInterval(() => {
+		let hours = parseInt(countdown.hours)
+		let minutes = parseInt(countdown.minutes)
+		let seconds = parseInt(countdown.seconds)
+		
+		seconds--
+		if (seconds < 0) {
+			seconds = 59
+			minutes--
+			if (minutes < 0) {
+				minutes = 59
+				hours--
+				if (hours < 0) {
+					// 重置倒计时
+					hours = 2
+					minutes = 30
+					seconds = 15
+				}
+			}
+		}
+		
+		countdown.hours = hours.toString().padStart(2, '0')
+		countdown.minutes = minutes.toString().padStart(2, '0')
+		countdown.seconds = seconds.toString().padStart(2, '0')
+	}, 1000)
+}
+
+// 事件处理函数
+const showCityPicker = () => {
+	uni.showActionSheet({
+		itemList: ['北京市', '上海市', '广州市', '深圳市', '其他城市'],
+		success: (res) => {
+			const cities = ['北京市', '上海市', '广州市', '深圳市', '其他城市']
+			currentCity.value = cities[res.tapIndex]
+		}
+	})
+}
+
+// 切换商品分类
+const switchCategory = (categoryId: string, index: number) => {
+	activeCategory.value = categoryId
+	
+	// 这里可以添加根据分类筛选商品的逻辑
+	console.log('切换到分类:', categoryId)
+	
+	// 滚动到选中的分类
+	const itemWidth = 80 // 每个分类项的宽度（包括margin）
+	scrollLeft.value = index * itemWidth
+}
+
+const switchSort = (sortId: string) => {
+	activeSort.value = sortId
+	// 这里可以添加根据排序方式筛选商品的逻辑
+}
+
+// 滚动事件
+const onScroll = (e: any) => {
+	scrollLeft.value = e.detail.scrollLeft
+}
+
+// 下拉刷新
+const onRefresh = () => {
+	refreshing.value = true
+	setTimeout(() => {
+		loadMockData()
+		refreshing.value = false
+		uni.showToast({
+			title: '刷新成功',
+			icon: 'success'
+		})
+	}, 1000)
+}
+
+// 上拉加载更多
+const loadMore = () => {
+	if (!loading.value && hasMore.value) {
+		loading.value = true
+		setTimeout(() => {
+			// 模拟加载更多数据
+			const newProducts = [...mockData.products].map((item, index) => ({
+				...item,
+				id: `300${index}`,
+				price: item.price + Math.floor(Math.random() * 100)
+			}))
+			productList.value = [...productList.value, ...newProducts]
+			loading.value = false
+			hasMore.value = productList.value.length < 20 // 假设最多显示20个商品
+		}, 1500)
+	}
+}
+
+// 导航函数
+const navigateToSearch = () => uni.navigateTo({ url: '/pages/mall/consumer/search' })
+const navigateToCategory = (category?: any) => {
+	if (category) {
+		uni.navigateTo({ url: `/pages/mall/consumer/category?id=${category.id}&name=${category.name}` })
+	} else {
+		uni.switchTab({ url: '/pages/mall/consumer/category' })
+	}
+}
+const navigateToProduct = (product: any) => {
+	uni.navigateTo({ url: `/pages/mall/consumer/product-detail?id=${product.id}` })
+}
+const navigateToCoupons = () => uni.navigateTo({ url: '/pages/mall/consumer/coupons' })
+const navigateToMessages = () => uni.navigateTo({ url: '/pages/mall/consumer/messages' })
+const navigateToFlashSale = () => uni.navigateTo({ url: '/pages/mall/consumer/flash-sale' })
+const navigateToBrand = () => uni.navigateTo({ url: '/pages/mall/consumer/brand' })
+const navigateToCart = () => uni.switchTab({ url: '/pages/mall/consumer/cart' })
+const navigateToDailyDeals = () => uni.navigateTo({ url: '/pages/mall/consumer/daily-deals' })
+const navigateToGroupBuy = () => uni.navigateTo({ url: '/pages/mall/consumer/group-buy' })
+</script>
+
+<style>
+/* 重置默认样式 - 确保不受全局样式影响 */
+.consumer-home * {
+	box-sizing: border-box;
+	margin: 0;
+	padding: 0;
+}
+
+.consumer-home {
+	width: 100%;
+	min-height: 100vh;
+	background: #f5f5f5;
+	display: flex;
+	flex-direction: column;
+	position: relative;
+}
+
+/* 自定义导航栏 - 简化版 */
+.custom-navbar {
+	background: #ff5000;
+	width: 100%;
+	position: fixed;
+	top: 0;
+	left: 0;
+	z-index: 1000;
+}
+
+.nav-content {
+	height: 44px;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	padding: 0 15px;
+	color: white;
+}
+
+.location {
+	display: flex;
+	align-items: center;
+	flex-shrink: 0;
+	padding: 5px 10px;
+	background: rgba(255, 255, 255, 0.2);
+	border-radius: 15px;
+}
+
+.location-icon {
+	font-size: 14px;
+	margin-right: 4px;
+}
+
+.location-text {
+	font-size: 14px;
+	font-weight: bold;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	max-width: 60px;
+}
+
+.location-arrow {
+	font-size: 10px;
+	margin-left: 4px;
+	color: rgba(255, 255, 255, 0.8);
+}
+
+.nav-icons {
+	display: flex;
+	align-items: center;
+	gap: 15px;
+}
+
+.icon-item {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 30px;
+	height: 30px;
+}
+
+.icon {
+	font-size: 20px;
+}
+
+/* 主内容区 */
+.main-content {
+	background: #f5f5f5;
+	margin-top: 44px;
+	width: 100%;
+}
+
+/* 商品分类区域 - 修复横向滚动 */
+.category-section {
+	background: white;
+	width: 100%;
+	padding: 15px 0;
+	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+	margin-bottom: 5px;
+	position: relative;
+	overflow: hidden;
+}
+
+/* 商品分类横向滚动区域 */
+.category-scroll {
+	white-space: nowrap;
+	width: 100%;
+	overflow-x: auto;
+	-webkit-overflow-scrolling: touch;
+	height: 90px;
+}
+
+.category-container {
+	display: flex;
+	flex-direction: row;
+	padding: 10px 15px;
+}
+
+.category-item {
+	flex-shrink: 0;
+	margin-right: 15px;
+	width: 70px;
+	height: 70px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	transition: all 0.3s ease;
+	position: relative;
+}
+
+.category-item.active .category-icon-wrapper {
+	background: #ff5000;
+	transform: scale(1.1);
+	box-shadow: 0 4px 12px rgba(255, 80, 0, 0.3);
+}
+
+.category-item.active .category-icon {
+	color: white;
+}
+
+.category-item.active .category-name {
+	color: #ff5000;
+	font-weight: bold;
+}
+
+/* 添加活动指示器 */
+.category-item.active::after {
+	content: '';
+	position: absolute;
+	bottom: 0;
+	left: 50%;
+	transform: translateX(-50%);
+	width: 20px;
+	height: 3px;
+	background: #ff5000;
+	border-radius: 2px;
+}
+
+.category-icon-wrapper {
+	width: 48px;
+	height: 48px;
+	border-radius: 24px;
+	background: linear-gradient(135deg, #f5f5f5, #e8e8e8);
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	margin-bottom: 6px;
+	transition: all 0.3s ease;
+}
+
+.category-icon {
+	font-size: 24px;
+	color: #666;
+	transition: all 0.3s ease;
+}
+
+.category-name {
+	font-size: 12px;
+	color: #333;
+	text-align: center;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	width: 100%;
+	line-height: 1.2;
+	transition: all 0.3s ease;
+}
+
+/* 搜索栏 */
+.search-section {
+	background: white;
+	padding: 12px 15px;
+	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+}
+
+.search-container {
+	width: 100%;
+}
+
+.search-box {
+	background: #f5f5f5;
+	border-radius: 25px;
+	padding: 12px 20px;
+	display: flex;
+	align-items: center;
+	width: 100%;
+	height: 45px;
+	border: 1px solid #eee;
+}
+
+.search-icon {
+	color: #999;
+	margin-right: 10px;
+	font-size: 18px;
+}
+
+.search-placeholder {
+	color: #999;
+	font-size: 15px;
+	flex: 1;
+}
+
+/* 轮播图区域 */
+.banner-section {
+	background: white;
+	width: 100%;
+	overflow: hidden;
+	margin-top: 5px;
+}
+
+.banner-swiper {
+	height: 200px;
+	width: 100%;
+}
+
+.banner-image {
+	width: 100%;
+	height: 100%;
+	display: block;
+}
+
+/* 快捷入口 - 横向排列 */
+.quick-actions {
+	background: white;
+	padding: 20px 0;
+	margin: 10px;
+	border-radius: 12px;
+	display: flex;
+	flex-direction: row;
+	justify-content: space-around;
+	align-items: center;
+	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+	width: calc(100% - 20px);
+}
+
+.action-item {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	width: 20%;
+	flex-shrink: 0;
+}
+
+.action-icon {
+	width: 48px;
+	height: 48px;
+	border-radius: 24px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-size: 22px;
+	margin-bottom: 8px;
+}
+
+.action-icon.flash {
+	background: linear-gradient(135deg, #ff3b30, #ff9500);
+	color: white;
+}
+
+.action-icon.coupon {
+	background: linear-gradient(135deg, #34c759, #30d158);
+	color: white;
+}
+
+.action-icon.daily {
+	background: linear-gradient(135deg, #ff9500, #ffcc00);
+	color: white;
+}
+
+.action-icon.brand {
+	background: linear-gradient(135deg, #af52de, #ff2d55);
+	color: white;
+}
+
+.action-icon.group {
+	background: linear-gradient(135deg, #007aff, #5856d6);
+	color: white;
+}
+
+.action-text {
+	font-size: 13px;
+	color: #333;
+	font-weight: 500;
+	text-align: center;
+	width: 100%;
+}
+
+/* 限时秒杀 - 新版横向布局 */
+.flash-sale-section {
+	background: linear-gradient(135deg, #fff0e8, #ffece6);
+	margin: 10px;
+	border-radius: 12px;
+	padding: 18px;
+	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+	border: 1px solid #ffddd1;
+	width: calc(100% - 20px);
+}
+
+/* 限时秒杀头部 - 横向排列 */
+.section-header {
+	margin-bottom: 18px;
+	width: 100%;
+}
+
+.header-content {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: 15px;
+}
+
+.title-with-icon {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	flex-shrink: 0;
+}
+
+.flash-icon, .recommend-icon {
+	color: #ff5000;
+	font-size: 20px;
+}
+
+.section-title {
+	font-size: 18px;
+	font-weight: bold;
+	color: #ff5000;
+	white-space: nowrap;
+}
+
+/* 倒计时样式调整 - 横向排列 */
+.countdown-wrapper {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	background: #ff5000;
+	padding: 6px 12px;
+	border-radius: 6px;
+	white-space: nowrap;
+	flex-shrink: 0;
+}
+
+.countdown-label {
+	font-size: 13px;
+	color: white;
+	font-weight: 500;
+}
+
+.time-box {
+	display: flex;
+	align-items: center;
+	gap: 3px;
+}
+
+.time {
+	background: white;
+	color: #ff5000;
+	padding: 4px 8px;
+	border-radius: 4px;
+	font-size: 14px;
+	min-width: 26px;
+	text-align: center;
+	font-weight: bold;
+}
+
+.colon {
+	color: white;
+	font-size: 14px;
+	font-weight: bold;
+}
+
+.more-link {
+	display: flex;
+	align-items: center;
+	color: #999;
+	font-size: 14px;
+	white-space: nowrap;
+	flex-shrink: 0;
+}
+
+.more-link .arrow {
+	margin-left: 5px;
+	font-size: 18px;
+}
+
+/* 限时秒杀商品网格布局 */
+.flash-grid {
+	display: grid;
+	grid-template-columns: repeat(4, 1fr);
+	gap: 12px;
+	width: 100%;
+}
+
+.flash-product {
+	background: white;
+	border-radius: 10px;
+	overflow: hidden;
+	border: 1px solid #ffddd1;
+	box-shadow: 0 3px 10px rgba(255, 80, 0, 0.12);
+	transition: transform 0.2s ease, box-shadow 0.2s ease;
+}
+
+.flash-product:active {
+	transform: scale(0.98);
+	box-shadow: 0 2px 8px rgba(255, 80, 0, 0.2);
+}
+
+.product-image-wrapper {
+	position: relative;
+	width: 100%;
+	height: 0;
+	padding-bottom: 100%; /* 保持正方形 */
+	overflow: hidden;
+}
+
+.product-image {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	display: block;
+}
+
+.product-tag {
+	position: absolute;
+	top: 8px;
+	left: 8px;
+	background: #ff5000;
+	color: white;
+	font-size: 11px;
+	padding: 3px 10px;
+	border-radius: 12px;
+	font-weight: bold;
+	z-index: 1;
+}
+
+.price-info {
+	padding: 12px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}
+
+.flash-price {
+	color: #ff5000;
+	font-size: 18px;
+	font-weight: bold;
+	text-align: center;
+	width: 100%;
+}
+
+.original-price {
+	color: #999;
+	font-size: 13px;
+	text-decoration: line-through;
+	margin: 6px 0;
+	text-align: center;
+	width: 100%;
+}
+
+.progress-container {
+	width: 100%;
+	margin-top: 8px;
+}
+
+.progress-bar {
+	width: 100%;
+	height: 8px;
+	background: #ffece6;
+	border-radius: 4px;
+	overflow: hidden;
+}
+
+.progress-inner {
+	height: 100%;
+	background: linear-gradient(90deg, #ff9500, #ff5000);
+	border-radius: 4px;
+}
+
+.sold-text {
+	font-size: 11px;
+	color: #ff5000;
+	text-align: center;
+	width: 100%;
+	margin-top: 4px;
+}
+
+/* 为你推荐 - 瀑布流布局 */
+.recommend-section {
+	background: white;
+	margin: 10px;
+	border-radius: 12px;
+	padding: 18px;
+	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+	width: calc(100% - 20px);
+}
+
+/* 为你推荐头部 */
+.recommend-section .section-header {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	margin-bottom: 18px;
+}
+
+/* 排序选项 - 横向排列 */
+.sort-options {
+	display: flex;
+	gap: 15px;
+	align-items: center;
+	flex-wrap: nowrap;
+	overflow-x: auto;
+	padding-bottom: 5px;
+}
+
+.sort-option {
+	font-size: 14px;
+	color: #666;
+	padding: 5px 0;
+	position: relative;
+	white-space: nowrap;
+	flex-shrink: 0;
+}
+
+.sort-option.active {
+	color: #ff5000;
+	font-weight: bold;
+}
+
+.sort-option.active::after {
+	content: '';
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	height: 2px;
+	background: #ff5000;
+	border-radius: 1px;
+}
+
+/* 瀑布流布局 */
+.waterfall-container {
+	display: flex;
+	justify-content: space-between;
+	gap: 12px;
+	width: 100%;
+	margin-top: 18px;
+}
+
+.waterfall-column {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	gap: 12px;
+}
+
+.left-column {
+	margin-right: 6px;
+}
+
+.right-column {
+	margin-left: 6px;
+}
+
+.product-card {
+	background: white;
+	border-radius: 10px;
+	overflow: hidden;
+	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
+	width: 100%;
+}
+
+.product-image-wrapper {
+	position: relative;
+	width: 100%;
+	background: #f8f8f8;
+}
+
+.product-image {
+	width: 100%;
+	display: block;
+}
+
+.product-info {
+	padding: 15px;
+}
+
+.product-title {
+	font-size: 15px;
+	color: #333;
+	line-height: 1.4;
+	height: 42px;
+	overflow: hidden;
+	display: -webkit-box;
+	-webkit-line-clamp: 2;
+	-webkit-box-orient: vertical;
+	margin-bottom: 12px;
+	font-weight: 500;
+}
+
+.price-section {
+	display: flex;
+	align-items: baseline;
+	margin-bottom: 10px;
+}
+
+.current-price {
+	color: #ff5000;
+}
+
+.price-symbol {
+	font-size: 13px;
+}
+
+.price-value {
+	font-size: 20px;
+	font-weight: bold;
+}
+
+.original-price {
+	color: #999;
+	font-size: 13px;
+	text-decoration: line-through;
+	margin-left: 10px;
+}
+
+.product-meta {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	font-size: 13px;
+}
+
+.sales-count {
+	color: #999;
+}
+
+.shop-info {
+	display: flex;
+	align-items: center;
+}
+
+.shop-name {
+	color: #666;
+}
+
+/* 加载状态 */
+.loading-container {
+	padding: 30px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	width: 100%;
+}
+
+.loading-spinner {
+	width: 30px;
+	height: 30px;
+	border: 3px solid #f0f5ff;
+	border-top-color: #ff5000;
+	border-radius: 50%;
+	animation: spin 1s linear infinite;
+	margin-bottom: 10px;
+}
+
+@keyframes spin {
+	0% { transform: rotate(0deg); }
+	100% { transform: rotate(360deg); }
+}
+
+.loading-text {
+	color: #999;
+	font-size: 14px;
+}
+
+.no-more {
+	text-align: center;
+	color: #999;
+	font-size: 13px;
+	padding: 30px 0;
+	border-top: 1px solid #f0f0f0;
+	margin-top: 10px;
+	width: 100%;
+}
+
+/* 安全区域 */
+.safe-area {
+	height: 20px;
+	width: 100%;
+}
+
+/* 为分类项添加点击反馈 */
+.category-item:active {
+	opacity: 0.7;
+	transform: scale(0.98);
+}
+
+/* 确保分类图标在点击时有更好的视觉效果 */
+.category-icon-wrapper:active {
+	transform: scale(0.95);
+}
+
+/* 响应式适配 */
+@media screen and (max-width: 320px) {
+	.category-item {
+		width: 65px;
+		margin-right: 12px;
+	}
+	
+	.flash-grid {
+		grid-template-columns: repeat(2, 1fr);
+		gap: 10px;
+	}
+	
+	/* 限时秒杀头部适配小屏幕 */
+	.header-content {
+		flex-wrap: wrap;
+		gap: 10px;
+	}
+	
+	.countdown-wrapper {
+		order: 3;
+		width: 100%;
+		justify-content: center;
+		margin-top: 5px;
+	}
+	
+	.more-link {
+		order: 2;
+	}
+	
+	.sort-options {
+		gap: 12px;
+		font-size: 13px;
+	}
+}
+
+@media screen and (min-width: 321px) and (max-width: 375px) {
+	.category-item {
+		width: 68px;
+		margin-right: 14px;
+	}
+	
+	.flash-grid {
+		grid-template-columns: repeat(2, 1fr);
+		gap: 12px;
+	}
+	
+	.header-content {
+		flex-wrap: wrap;
+		gap: 10px;
+	}
+	
+	.countdown-wrapper {
+		order: 3;
+		width: 100%;
+		justify-content: center;
+		margin-top: 5px;
+	}
+	
+	.more-link {
+		order: 2;
+	}
+	
+	.sort-options {
+		gap: 15px;
+		font-size: 14px;
+	}
+}
+
+@media screen and (min-width: 376px) and (max-width: 414px) {
+	.category-item {
+		width: 72px;
+		margin-right: 15px;
+	}
+	
+	.flash-grid {
+		grid-template-columns: repeat(3, 1fr);
+		gap: 12px;
+	}
+	
+	.header-content {
+		flex-wrap: nowrap;
+		gap: 15px;
+	}
+	
+	.countdown-wrapper {
+		order: unset;
+		width: auto;
+		justify-content: flex-start;
+		margin-top: 0;
+	}
+	
+	.more-link {
+		order: unset;
+	}
+	
+	.sort-options {
+		gap: 18px;
+		font-size: 14px;
+	}
+}
+
+@media screen and (min-width: 415px) {
+	.category-item {
+		width: 75px;
+		margin-right: 18px;
+	}
+	
+	.flash-grid {
+		grid-template-columns: repeat(4, 1fr);
+		gap: 15px;
+	}
+	
+	.header-content {
+		flex-wrap: nowrap;
+		gap: 20px;
+	}
+	
+	.sort-options {
+		gap: 20px;
+		font-size: 14px;
+	}
+}
+
+/* 针对平板设备的适配 */
+@media screen and (min-width: 768px) {
+	.flash-grid {
+		grid-template-columns: repeat(5, 1fr);
+		gap: 16px;
+	}
+	
+	.flash-product {
+		border-radius: 12px;
+	}
+	
+	.product-image-wrapper {
+		padding-bottom: 100%;
+	}
+	
+	.sort-options {
+		gap: 25px;
+		font-size: 15px;
+	}
+}
+</style>
\ No newline at end of file
diff --git a/pages/mall/consumer/index - 副本.uvue b/pages/mall/consumer/index - 副本.uvue
new file mode 100644
index 00000000..f237adb2
--- /dev/null
+++ b/pages/mall/consumer/index - 副本.uvue	
@@ -0,0 +1,1239 @@
+<!-- 消费者端首页 - 淘宝风格布局 -->
+<template>
+	<view class="consumer-home">
+		<!-- 自定义顶部导航栏（简化版） -->
+		<view class="custom-navbar" :style="{ paddingTop: statusBarHeight + 'px' }">
+			<view class="nav-content">
+				<view class="location" @click="showCityPicker">
+					<text class="location-icon">📍</text>
+					<text class="location-text">{{ currentCity }}</text>
+					<text class="location-arrow">▼</text>
+				</view>
+				
+				<view class="nav-icons">
+					<view class="icon-item" @click="navigateToMessages">
+						<text class="icon">💬</text>
+					</view>
+					<view class="icon-item" @click="navigateToCart">
+						<text class="icon">🛒</text>
+					</view>
+				</view>
+			</view>
+		</view>
+
+		<!-- 主内容区 -->
+		<scroll-view 
+			scroll-y 
+			class="main-content"
+			:style="{ height: scrollViewHeight + 'px' }"
+			refresher-enabled
+			:refresher-triggered="refreshing"
+			@refresherrefresh="onRefresh"
+			@scrolltolower="loadMore"
+			:show-scrollbar="false"
+		>
+			<!-- 顶部分类导航 - 横向排列 -->
+			<view class="top-category-section">
+				<scroll-view scroll-x class="top-category-scroll" :show-scrollbar="false">
+					<view class="top-category-list">
+						<view 
+							v-for="(category, index) in categoryList" 
+							:key="index"
+							:class="['top-category-item', { active: activeTopCategory === category.id }]"
+							@click="switchTopCategory(category.id)"
+						>
+							<view class="category-icon-wrapper">
+								<text class="category-icon">{{ category.icon }}</text>
+							</view>
+							<text class="category-name">{{ category.name }}</text>
+						</view>
+					</view>
+				</scroll-view>
+			</view>
+
+			<!-- 搜索栏 - 在分类下面 -->
+			<view class="search-section" @click="navigateToSearch">
+				<view class="search-container">
+					<view class="search-box">
+						<text class="search-icon">🔍</text>
+						<text class="search-placeholder">搜索商品/品牌/店铺</text>
+					</view>
+				</view>
+			</view>
+
+			<!-- 轮播图 -->
+			<view class="banner-section">
+				<swiper 
+					class="banner-swiper" 
+					:autoplay="true" 
+					:interval="4000" 
+					:duration="500"
+					:circular="true"
+					:indicator-dots="true"
+					indicator-color="rgba(255,255,255,0.6)"
+					indicator-active-color="#ff5000"
+				>
+					<swiper-item v-for="(banner, index) in bannerList" :key="banner.id">
+						<image 
+							class="banner-image" 
+							:src="banner.image_url" 
+							mode="aspectFill"
+						/>
+					</swiper-item>
+				</swiper>
+			</view>
+
+			<!-- 快捷入口 -->
+			<view class="quick-actions">
+				<view class="action-item" @click="navigateToFlashSale">
+					<view class="action-icon flash">⚡</view>
+					<text class="action-text">限时秒杀</text>
+				</view>
+				<view class="action-item" @click="navigateToCoupons">
+					<view class="action-icon coupon">🎫</view>
+					<text class="action-text">领券中心</text>
+				</view>
+				<view class="action-item" @click="navigateToDailyDeals">
+					<view class="action-icon daily">🔥</view>
+					<text class="action-text">每日特价</text>
+				</view>
+				<view class="action-item" @click="navigateToBrand">
+					<view class="action-icon brand">🏷️</view>
+					<text class="action-text">品牌特卖</text>
+				</view>
+				<view class="action-item" @click="navigateToGroupBuy">
+					<view class="action-icon group">👥</view>
+					<text class="action-text">拼团购</text>
+				</view>
+			</view>
+
+			<!-- 限时秒杀 -->
+			<view class="flash-sale-section">
+				<view class="section-header">
+					<view class="title-row">
+						<view class="title-with-icon">
+							<text class="flash-icon">⚡</text>
+							<text class="section-title">限时秒杀</text>
+						</view>
+						<view class="countdown">
+							<text class="countdown-label">距结束</text>
+							<view class="time-box">
+								<text class="time">{{ countdown.hours }}</text>
+								<text class="colon">:</text>
+								<text class="time">{{ countdown.minutes }}</text>
+								<text class="colon">:</text>
+								<text class="time">{{ countdown.seconds }}</text>
+							</view>
+						</view>
+					</view>
+					<view class="more-link" @click="navigateToFlashSale">
+						<text>更多</text>
+						<text class="arrow">›</text>
+					</view>
+				</view>
+				
+				<scroll-view scroll-x class="flash-sale-scroll" :show-scrollbar="false">
+					<view class="flash-sale-list">
+						<view 
+							v-for="(product, index) in flashSaleProducts" 
+							:key="index"
+							class="flash-product"
+							@click="navigateToProduct(product)"
+						>
+							<view class="product-image-wrapper">
+								<image 
+									class="product-image" 
+									:src="product.image" 
+									mode="aspectFill"
+								/>
+								<view v-if="product.tag" class="product-tag">{{ product.tag }}</view>
+							</view>
+							<view class="price-info">
+								<text class="flash-price">¥{{ product.price }}</text>
+								<text class="original-price">¥{{ product.original_price }}</text>
+								<view class="progress-bar">
+									<view class="progress-inner" :style="{ width: product.soldPercent + '%' }"></view>
+								</view>
+								<text class="sold-text">已抢{{ product.soldPercent }}%</text>
+							</view>
+						</view>
+					</view>
+				</scroll-view>
+			</view>
+
+			<!-- 为你推荐 - 瀑布流布局 -->
+			<view class="recommend-section">
+				<view class="section-header">
+					<view class="title-with-icon">
+						<text class="recommend-icon">❤️</text>
+						<text class="section-title">为你推荐</text>
+					</view>
+				</view>
+				
+				<!-- 瀑布流容器 -->
+				<view class="waterfall-container">
+					<!-- 左列 -->
+					<view class="waterfall-column left-column">
+						<view 
+							v-for="(product, index) in leftColumnProducts" 
+							:key="product.id"
+							class="product-card"
+							@click="navigateToProduct(product)"
+						>
+							<view class="product-image-wrapper">
+								<image 
+									class="product-image" 
+									:src="product.image" 
+									mode="widthFix"
+									lazy-load="true"
+								/>
+								<view v-if="product.tag" class="product-tag">{{ product.tag }}</view>
+							</view>
+							<view class="product-info">
+								<text class="product-title">{{ product.name }}</text>
+								<view class="price-section">
+									<view class="current-price">
+										<text class="price-symbol">¥</text>
+										<text class="price-value">{{ product.price }}</text>
+									</view>
+									<text v-if="product.original_price > product.price" class="original-price">
+										¥{{ product.original_price }}
+									</text>
+								</view>
+								<view class="product-meta">
+									<text class="sales-count">{{ product.sales }}人已买</text>
+									<view class="shop-info" v-if="product.shop">
+										<text class="shop-name">{{ product.shop }}</text>
+									</view>
+								</view>
+							</view>
+						</view>
+					</view>
+					
+					<!-- 右列 -->
+					<view class="waterfall-column right-column">
+						<view 
+							v-for="(product, index) in rightColumnProducts" 
+							:key="product.id"
+							class="product-card"
+							@click="navigateToProduct(product)"
+						>
+							<view class="product-image-wrapper">
+								<image 
+									class="product-image" 
+									:src="product.image" 
+									mode="widthFix"
+									lazy-load="true"
+								/>
+								<view v-if="product.tag" class="product-tag">{{ product.tag }}</view>
+							</view>
+							<view class="product-info">
+								<text class="product-title">{{ product.name }}</text>
+								<view class="price-section">
+									<view class="current-price">
+										<text class="price-symbol">¥</text>
+										<text class="price-value">{{ product.price }}</text>
+									</view>
+									<text v-if="product.original_price > product.price" class="original-price">
+										¥{{ product.original_price }}
+									</text>
+								</view>
+								<view class="product-meta">
+									<text class="sales-count">{{ product.sales }}人已买</text>
+									<view class="shop-info" v-if="product.shop">
+										<text class="shop-name">{{ product.shop }}</text>
+									</view>
+								</view>
+							</view>
+						</view>
+					</view>
+				</view>
+				
+				<!-- 加载状态 -->
+				<view v-if="loading" class="loading-container">
+					<view class="loading-spinner"></view>
+					<text class="loading-text">加载中...</text>
+				</view>
+				
+				<view v-if="!hasMore && productList.length > 0" class="no-more">
+					<text>--- 我是有底线的 ---</text>
+				</view>
+			</view>
+			
+			<!-- 底部安全区域 -->
+			<view class="safe-area"></view>
+		</scroll-view>
+	</view>
+</template>
+
+<script setup lang="uts">
+import { ref, reactive, onMounted, onUnmounted, computed } from 'vue'
+
+// 响应式数据
+const bannerList = ref<any[]>([])
+const categoryList = ref<any[]>([])
+const productList = ref<any[]>([])
+const flashSaleProducts = ref<any[]>([])
+const currentCity = ref<string>('北京市')
+const refreshing = ref<boolean>(false)
+const loading = ref<boolean>(false)
+const hasMore = ref<boolean>(true)
+const page = ref<number>(1)
+const activeTopCategory = ref<string>('1')
+const statusBarHeight = ref<number>(0)
+const scrollViewHeight = ref<number>(0)
+
+// 倒计时数据
+const countdown = reactive({
+	hours: '02',
+	minutes: '30',
+	seconds: '15'
+})
+
+// 计算瀑布流列数据
+const leftColumnProducts = computed(() => {
+	return productList.value.filter((_, index) => index % 2 === 0)
+})
+
+const rightColumnProducts = computed(() => {
+	return productList.value.filter((_, index) => index % 2 === 1)
+})
+
+// Mock 数据
+const mockData = {
+	banners: [
+		{
+			id: '1',
+			title: '双11狂欢购',
+			image_url: 'https://picsum.photos/750/350?random=1'
+		},
+		{
+			id: '2',
+			title: '品牌品质日',
+			image_url: 'https://picsum.photos/750/350?random=2'
+		},
+		{
+			id: '3',
+			title: '新人专享礼',
+			image_url: 'https://picsum.photos/750/350?random=3'
+		}
+	],
+	
+	categories: [
+		{ id: '1', name: '推荐', icon: '⭐' },
+		{ id: '2', name: '女装', icon: '👗' },
+		{ id: '3', name: '男装', icon: '👔' },
+		{ id: '4', name: '鞋靴', icon: '👠' },
+		{ id: '5', name: '箱包', icon: '👜' },
+		{ id: '6', name: '美妆', icon: '💄' },
+		{ id: '7', name: '数码', icon: '📱' },
+		{ id: '8', name: '家电', icon: '📺' },
+		{ id: '9', name: '家居', icon: '🏠' },
+		{ id: '10', name: '母婴', icon: '👶' },
+		{ id: '11', name: '食品', icon: '🍎' },
+		{ id: '12', name: '运动', icon: '⚽' },
+		{ id: '13', name: '汽车', icon: '🚗' },
+		{ id: '14', name: '百货', icon: '🛒' }
+	],
+	
+	flashSaleProducts: [
+		{
+			id: '1001',
+			name: '无线蓝牙耳机',
+			price: 299,
+			original_price: 599,
+			image: 'https://picsum.photos/200/200?random=1',
+			sales: 150,
+			soldPercent: 75,
+			tag: '秒杀'
+		},
+		{
+			id: '1002',
+			name: '运动T恤',
+			price: 79,
+			original_price: 159,
+			image: 'https://picsum.photos/200/200?random=2',
+			sales: 200,
+			soldPercent: 80,
+			tag: '爆款'
+		},
+		{
+			id: '1003',
+			name: '智能手环',
+			price: 199,
+			original_price: 299,
+			image: 'https://picsum.photos/200/200?random=3',
+			sales: 180,
+			soldPercent: 60,
+			tag: '新品'
+		},
+		{
+			id: '1004',
+			name: '电动牙刷',
+			price: 89,
+			original_price: 159,
+			image: 'https://picsum.photos/200/200?random=4',
+			sales: 250,
+			soldPercent: 90,
+			tag: '热卖'
+		},
+		{
+			id: '1005',
+			name: '保温杯',
+			price: 49,
+			original_price: 99,
+			image: 'https://picsum.photos/200/200?random=5',
+			sales: 300,
+			soldPercent: 85,
+			tag: '秒杀'
+		}
+	],
+	
+	products: [
+		{
+			id: '2001',
+			name: '智能手机 5G全网通 大内存',
+			price: 3999,
+			original_price: 4999,
+			image: 'https://picsum.photos/300/400?random=6',
+			sales: 500,
+			shop: '官方旗舰店',
+			tag: '官方'
+		},
+		{
+			id: '2002',
+			name: '笔记本电脑 轻薄本 学生办公',
+			price: 5999,
+			original_price: 6999,
+			image: 'https://picsum.photos/300/300?random=7',
+			sales: 300,
+			shop: '品牌专卖店',
+			tag: '折扣'
+		},
+		{
+			id: '2003',
+			name: '运动鞋 透气舒适跑步鞋',
+			price: 299,
+			original_price: 499,
+			image: 'https://picsum.photos/300/500?random=8',
+			sales: 800,
+			shop: '运动专营店'
+		},
+		{
+			id: '2004',
+			name: '电饭煲 智能预约多功能',
+			price: 399,
+			original_price: 599,
+			image: 'https://picsum.photos/300/350?random=9',
+			sales: 450,
+			shop: '家电旗舰店',
+			tag: '热卖'
+		},
+		{
+			id: '2005',
+			name: '护肤品套装 保湿补水',
+			price: 299,
+			original_price: 399,
+			image: 'https://picsum.photos/300/450?random=10',
+			sales: 600,
+			shop: '美妆官方店'
+		},
+		{
+			id: '2006',
+			name: '儿童玩具积木益智',
+			price: 199,
+			original_price: 299,
+			image: 'https://picsum.photos/300/320?random=11',
+			sales: 350,
+			shop: '母婴专营店',
+			tag: '新品'
+		},
+		{
+			id: '2007',
+			name: '智能手表 心率监测',
+			price: 899,
+			original_price: 1299,
+			image: 'https://picsum.photos/300/380?random=12',
+			sales: 280,
+			shop: '数码旗舰店'
+		},
+		{
+			id: '2008',
+			name: '羽绒服 冬季保暖',
+			price: 499,
+			original_price: 899,
+			image: 'https://picsum.photos/300/420?random=13',
+			sales: 420,
+			shop: '服装旗舰店',
+			tag: '爆款'
+		}
+	]
+}
+
+// 生命周期
+onMounted(() => {
+	// 获取状态栏高度
+	const systemInfo = uni.getSystemInfoSync()
+	statusBarHeight.value = systemInfo.statusBarHeight || 0
+	
+	// 计算滚动区域高度
+	const windowHeight = systemInfo.windowHeight
+	const tabBarHeight = 50 // 假设tabBar高度为50px
+	scrollViewHeight.value = windowHeight - statusBarHeight.value - tabBarHeight
+	
+	// 加载数据
+	loadMockData()
+	setupCountdown()
+})
+
+onUnmounted(() => {
+	// 清理定时器
+	if (countdownTimer.value !== null) {
+		clearInterval(countdownTimer.value)
+	}
+})
+
+// 加载Mock数据
+const loadMockData = () => {
+	bannerList.value = mockData.banners
+	categoryList.value = mockData.categories
+	flashSaleProducts.value = mockData.flashSaleProducts
+	productList.value = mockData.products
+}
+
+// 倒计时定时器
+const countdownTimer = ref<any>(null)
+const setupCountdown = () => {
+	countdownTimer.value = setInterval(() => {
+		let hours = parseInt(countdown.hours)
+		let minutes = parseInt(countdown.minutes)
+		let seconds = parseInt(countdown.seconds)
+		
+		seconds--
+		if (seconds < 0) {
+			seconds = 59
+			minutes--
+			if (minutes < 0) {
+				minutes = 59
+				hours--
+				if (hours < 0) {
+					// 重置倒计时
+					hours = 2
+					minutes = 30
+					seconds = 15
+				}
+			}
+		}
+		
+		countdown.hours = hours.toString().padStart(2, '0')
+		countdown.minutes = minutes.toString().padStart(2, '0')
+		countdown.seconds = seconds.toString().padStart(2, '0')
+	}, 1000)
+}
+
+// 事件处理函数
+const showCityPicker = () => {
+	uni.showActionSheet({
+		itemList: ['北京市', '上海市', '广州市', '深圳市', '其他城市'],
+		success: (res) => {
+			const cities = ['北京市', '上海市', '广州市', '深圳市', '其他城市']
+			currentCity.value = cities[res.tapIndex]
+		}
+	})
+}
+
+const switchTopCategory = (categoryId: string) => {
+	activeTopCategory.value = categoryId
+	// 这里可以添加根据分类筛选商品的逻辑
+}
+
+// 下拉刷新
+const onRefresh = () => {
+	refreshing.value = true
+	setTimeout(() => {
+		loadMockData()
+		refreshing.value = false
+		uni.showToast({
+			title: '刷新成功',
+			icon: 'success'
+		})
+	}, 1000)
+}
+
+// 上拉加载更多
+const loadMore = () => {
+	if (!loading.value && hasMore.value) {
+		loading.value = true
+		setTimeout(() => {
+			// 模拟加载更多数据
+			const newProducts = [...mockData.products].map((item, index) => ({
+				...item,
+				id: `300${index}`,
+				price: item.price + Math.floor(Math.random() * 100)
+			}))
+			productList.value = [...productList.value, ...newProducts]
+			loading.value = false
+			hasMore.value = productList.value.length < 20 // 假设最多显示20个商品
+		}, 1500)
+	}
+}
+
+// 导航函数
+const navigateToSearch = () => uni.navigateTo({ url: '/pages/mall/consumer/search' })
+const navigateToCategory = (category?: any) => {
+	if (category) {
+		uni.navigateTo({ url: `/pages/mall/consumer/category?id=${category.id}&name=${category.name}` })
+	} else {
+		uni.switchTab({ url: '/pages/mall/consumer/category' })
+	}
+}
+const navigateToProduct = (product: any) => {
+	uni.navigateTo({ url: `/pages/mall/consumer/product-detail?id=${product.id}` })
+}
+const navigateToCoupons = () => uni.navigateTo({ url: '/pages/mall/consumer/coupons' })
+const navigateToMessages = () => uni.navigateTo({ url: '/pages/mall/consumer/messages' })
+const navigateToFlashSale = () => uni.navigateTo({ url: '/pages/mall/consumer/flash-sale' })
+const navigateToBrand = () => uni.navigateTo({ url: '/pages/mall/consumer/brand' })
+const navigateToCart = () => uni.switchTab({ url: '/pages/mall/consumer/cart' })
+const navigateToDailyDeals = () => uni.navigateTo({ url: '/pages/mall/consumer/daily-deals' })
+const navigateToGroupBuy = () => uni.navigateTo({ url: '/pages/mall/consumer/group-buy' })
+</script>
+
+<style>
+/* 重置默认样式 */
+* {
+	box-sizing: border-box;
+	margin: 0;
+	padding: 0;
+}
+
+.consumer-home {
+	width: 100%;
+	min-height: 100vh;
+	background: #f5f5f5;
+	display: flex;
+	flex-direction: column;
+}
+
+/* 自定义导航栏 - 简化版 */
+.custom-navbar {
+	background: #ff5000;
+	width: 100%;
+	position: fixed;
+	top: 0;
+	left: 0;
+	z-index: 1000;
+}
+
+.nav-content {
+	height: 44px;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	padding: 0 15px;
+	color: white;
+}
+
+.location {
+	display: flex;
+	align-items: center;
+	flex-shrink: 0;
+	padding: 5px 10px;
+	background: rgba(255, 255, 255, 0.2);
+	border-radius: 15px;
+}
+
+.location-icon {
+	font-size: 14px;
+	margin-right: 4px;
+}
+
+.location-text {
+	font-size: 14px;
+	font-weight: bold;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	max-width: 60px;
+}
+
+.location-arrow {
+	font-size: 10px;
+	margin-left: 4px;
+	color: rgba(255, 255, 255, 0.8);
+}
+
+.nav-icons {
+	display: flex;
+	align-items: center;
+	gap: 15px;
+}
+
+.icon-item {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 30px;
+	height: 30px;
+}
+
+.icon {
+	font-size: 20px;
+}
+
+/* 主内容区 */
+.main-content {
+	background: #f5f5f5;
+	margin-top: 44px;
+	width: 100%;
+}
+
+/* 顶部分类导航 - 横向滚动 */
+.top-category-section {
+	background: white;
+	width: 100%;
+	padding: 10px 0;
+	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.top-category-scroll {
+	width: 100%;
+	white-space: nowrap;
+	height: 70px;
+}
+
+.top-category-list {
+	display: inline-flex;
+	padding: 0 10px;
+}
+
+.top-category-item {
+	display: inline-flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	width: 70px;
+	height: 60px;
+	flex-shrink: 0;
+	padding: 0 5px;
+}
+
+.top-category-item.active .category-icon-wrapper {
+	background: #ff5000;
+}
+
+.top-category-item.active .category-icon {
+	color: white;
+}
+
+.top-category-item.active .category-name {
+	color: #ff5000;
+	font-weight: bold;
+}
+
+.category-icon-wrapper {
+	width: 40px;
+	height: 40px;
+	border-radius: 20px;
+	background: #f5f5f5;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	margin-bottom: 4px;
+	transition: all 0.2s;
+}
+
+.category-icon {
+	font-size: 20px;
+	color: #666;
+}
+
+.category-name {
+	font-size: 11px;
+	color: #333;
+	text-align: center;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	width: 100%;
+}
+
+/* 搜索栏 - 在分类下面 */
+.search-section {
+	background: white;
+	padding: 10px 15px;
+	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+}
+
+.search-container {
+	width: 100%;
+}
+
+.search-box {
+	background: #f5f5f5;
+	border-radius: 20px;
+	padding: 10px 15px;
+	display: flex;
+	align-items: center;
+	width: 100%;
+	height: 40px;
+}
+
+.search-icon {
+	color: #999;
+	margin-right: 8px;
+	font-size: 16px;
+}
+
+.search-placeholder {
+	color: #999;
+	font-size: 14px;
+	flex: 1;
+}
+
+/* 轮播图区域 */
+.banner-section {
+	background: white;
+	width: 100%;
+	overflow: hidden;
+}
+
+.banner-swiper {
+	height: 180px;
+	width: 100%;
+}
+
+.banner-image {
+	width: 100%;
+	height: 100%;
+	display: block;
+}
+
+/* 快捷入口 - 横向排列 */
+.quick-actions {
+	background: white;
+	padding: 15px 0;
+	margin: 10px;
+	border-radius: 10px;
+	display: flex;
+	flex-direction: row;
+	justify-content: space-around;
+	align-items: center;
+	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+	width: calc(100% - 20px);
+}
+
+.action-item {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	width: 20%;
+	flex-shrink: 0;
+}
+
+.action-icon {
+	width: 40px;
+	height: 40px;
+	border-radius: 20px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-size: 20px;
+	margin-bottom: 6px;
+}
+
+.action-icon.flash {
+	background: linear-gradient(135deg, #ff3b30, #ff9500);
+	color: white;
+}
+
+.action-icon.coupon {
+	background: linear-gradient(135deg, #34c759, #30d158);
+	color: white;
+}
+
+.action-icon.daily {
+	background: linear-gradient(135deg, #ff9500, #ffcc00);
+	color: white;
+}
+
+.action-icon.brand {
+	background: linear-gradient(135deg, #af52de, #ff2d55);
+	color: white;
+}
+
+.action-icon.group {
+	background: linear-gradient(135deg, #007aff, #5856d6);
+	color: white;
+}
+
+.action-text {
+	font-size: 12px;
+	color: #333;
+	font-weight: 500;
+	text-align: center;
+	width: 100%;
+}
+
+/* 限时秒杀 */
+.flash-sale-section {
+	background: linear-gradient(135deg, #fff0e8, #ffece6);
+	margin: 10px;
+	border-radius: 10px;
+	padding: 15px;
+	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+	border: 1px solid #ffddd1;
+	width: calc(100% - 20px);
+}
+
+.section-header {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	margin-bottom: 15px;
+}
+
+.title-row {
+	display: flex;
+	align-items: center;
+	gap: 10px;
+}
+
+.title-with-icon {
+	display: flex;
+	align-items: center;
+	gap: 6px;
+}
+
+.flash-icon, .recommend-icon {
+	color: #ff5000;
+	font-size: 18px;
+}
+
+.section-title {
+	font-size: 16px;
+	font-weight: bold;
+	color: #ff5000;
+}
+
+.countdown {
+	display: flex;
+	align-items: center;
+	gap: 6px;
+	background: #ff5000;
+	padding: 4px 10px;
+	border-radius: 4px;
+}
+
+.countdown-label {
+	font-size: 12px;
+	color: white;
+}
+
+.time-box {
+	display: flex;
+	align-items: center;
+	gap: 2px;
+}
+
+.time {
+	background: white;
+	color: #ff5000;
+	padding: 2px 6px;
+	border-radius: 3px;
+	font-size: 12px;
+	min-width: 20px;
+	text-align: center;
+	font-weight: bold;
+}
+
+.colon {
+	color: white;
+	font-size: 12px;
+	font-weight: bold;
+}
+
+.flash-sale-scroll {
+	width: 100%;
+	white-space: nowrap;
+	margin-top: 15px;
+	overflow-x: auto;
+	-webkit-overflow-scrolling: touch;
+}
+
+.flash-sale-list {
+	display: inline-flex;
+	gap: 12px;
+	padding-bottom: 10px;
+	padding-right: 10px;
+}
+
+.flash-product {
+	width: 120px;
+	flex-shrink: 0;
+	background: white;
+	border-radius: 8px;
+	overflow: hidden;
+	border: 1px solid #ffddd1;
+	box-shadow: 0 2px 4px rgba(255, 80, 0, 0.1);
+}
+
+.product-image-wrapper {
+	position: relative;
+	width: 100%;
+	height: 120px;
+}
+
+.product-image {
+	width: 100%;
+	height: 100%;
+	display: block;
+}
+
+.product-tag {
+	position: absolute;
+	top: 6px;
+	left: 6px;
+	background: #ff5000;
+	color: white;
+	font-size: 10px;
+	padding: 2px 8px;
+	border-radius: 10px;
+}
+
+.price-info {
+	padding: 10px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}
+
+.flash-price {
+	color: #ff5000;
+	font-size: 16px;
+	font-weight: bold;
+	text-align: center;
+	width: 100%;
+}
+
+.original-price {
+	color: #999;
+	font-size: 12px;
+	text-decoration: line-through;
+	margin: 4px 0;
+	text-align: center;
+	width: 100%;
+}
+
+.progress-bar {
+	width: 100%;
+	height: 6px;
+	background: #ffece6;
+	border-radius: 3px;
+	margin: 8px 0;
+	overflow: hidden;
+}
+
+.progress-inner {
+	height: 100%;
+	background: linear-gradient(90deg, #ff9500, #ff5000);
+	border-radius: 3px;
+}
+
+.sold-text {
+	font-size: 10px;
+	color: #ff5000;
+	text-align: center;
+	width: 100%;
+}
+
+/* 为你推荐 - 瀑布流布局 */
+.recommend-section {
+	background: white;
+	margin: 10px;
+	border-radius: 10px;
+	padding: 15px;
+	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+	width: calc(100% - 20px);
+}
+
+.section-header {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	margin-bottom: 15px;
+}
+
+/* 瀑布流布局 */
+.waterfall-container {
+	display: flex;
+	justify-content: space-between;
+	gap: 10px;
+	width: 100%;
+}
+
+.waterfall-column {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	gap: 10px;
+}
+
+.left-column {
+	margin-right: 5px;
+}
+
+.right-column {
+	margin-left: 5px;
+}
+
+.product-card {
+	background: white;
+	border-radius: 8px;
+	overflow: hidden;
+	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+	width: 100%;
+}
+
+.product-image-wrapper {
+	position: relative;
+	width: 100%;
+	background: #f8f8f8;
+}
+
+.product-image {
+	width: 100%;
+	display: block;
+}
+
+.product-info {
+	padding: 12px;
+}
+
+.product-title {
+	font-size: 14px;
+	color: #333;
+	line-height: 1.4;
+	height: 40px;
+	overflow: hidden;
+	display: -webkit-box;
+	-webkit-line-clamp: 2;
+	-webkit-box-orient: vertical;
+	margin-bottom: 10px;
+	font-weight: 500;
+}
+
+.price-section {
+	display: flex;
+	align-items: baseline;
+	margin-bottom: 8px;
+}
+
+.current-price {
+	color: #ff5000;
+}
+
+.price-symbol {
+	font-size: 12px;
+}
+
+.price-value {
+	font-size: 18px;
+	font-weight: bold;
+}
+
+.original-price {
+	color: #999;
+	font-size: 12px;
+	text-decoration: line-through;
+	margin-left: 8px;
+}
+
+.product-meta {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	font-size: 12px;
+}
+
+.sales-count {
+	color: #999;
+}
+
+.shop-info {
+	display: flex;
+	align-items: center;
+}
+
+.shop-name {
+	color: #666;
+}
+
+/* 加载状态 */
+.loading-container {
+	padding: 30px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	width: 100%;
+}
+
+.loading-spinner {
+	width: 30px;
+	height: 30px;
+	border: 3px solid #f0f5ff;
+	border-top-color: #ff5000;
+	border-radius: 50%;
+	animation: spin 1s linear infinite;
+	margin-bottom: 10px;
+}
+
+@keyframes spin {
+	0% { transform: rotate(0deg); }
+	100% { transform: rotate(360deg); }
+}
+
+.loading-text {
+	color: #999;
+	font-size: 14px;
+}
+
+.no-more {
+	text-align: center;
+	color: #999;
+	font-size: 12px;
+	padding: 30px 0;
+	border-top: 1px solid #f0f0f0;
+	margin-top: 10px;
+	width: 100%;
+}
+
+/* 安全区域 */
+.safe-area {
+	height: 20px;
+	width: 100%;
+}
+
+/* 媒体查询适配 */
+@media (max-width: 375px) {
+	.top-category-item {
+		width: 65px;
+	}
+	
+	.action-item {
+		width: 20%;
+	}
+}
+
+@media (min-width: 376px) and (max-width: 414px) {
+	.top-category-item {
+		width: 70px;
+	}
+	
+	.action-item {
+		width: 20%;
+	}
+}
+</style>
\ No newline at end of file
diff --git a/pages/mall/consumer/index.uvue b/pages/mall/consumer/index.uvue
index f5b4f75d..036b8a11 100644
--- a/pages/mall/consumer/index.uvue
+++ b/pages/mall/consumer/index.uvue
@@ -1,832 +1,1573 @@
-<!-- 消费者端首页 - 严格UTS Android规范 -->
+<!-- pages/mall/consumer/index.uvue -->
 <template>
 	<view class="consumer-home">
-		<!-- 顶部搜索栏 -->
-		<view class="header">
-			<view class="search-container">
-				<view class="search-box" @click="navigateToSearch">
-					<text class="search-icon">🔍</text>
-					<text class="search-placeholder">搜索商品</text>
+		<!-- 自定义顶部导航栏（简化版） -->
+		<view class="custom-navbar" :style="{ paddingTop: statusBarHeight + 'px' }">
+			<view class="nav-content">
+				<view class="location" @click="showCityPicker">
+					<text class="location-icon">📍</text>
+					<text class="location-text">{{ currentCity }}</text>
+					<text class="location-arrow">▼</text>
 				</view>
-				<view class="cart-icon" @click="navigateToCart">
-					<text class="icon">🛒</text>
-					<text v-if="cartCount > 0" class="badge">{{ cartCount }}</text>
+				
+				<view class="nav-icons">
+					<view class="icon-item" @click="navigateToMessages">
+						<text class="icon">💬</text>
+						<text v-if="unreadMessageCount > 0" class="message-badge">{{ unreadMessageCount }}</text>
+					</view>
+					<view class="icon-item" @click="navigateToCart">
+						<text class="icon">🛒</text>
+						<text v-if="cartCount > 0" class="cart-badge">{{ cartCount }}</text>
+					</view>
 				</view>
 			</view>
 		</view>
 
-		<scroll-view direction="vertical" class="main-content">
-			<!-- 轮播图 -->
-			<swiper class="banner-swiper" :autoplay="true" :interval="3000" :duration="500">
-				<swiper-item v-for="(banner, index) in bannerList" :key="index">
-					<image class="banner-image" :src="banner.image_url" mode="aspectFill" @click="handleBannerClick(banner)" />
-				</swiper-item>
-			</swiper>
-
-			<!-- 分类导航 -->
+		<!-- 主内容区 -->
+		<scroll-view 
+			scroll-y 
+			class="main-content"
+			:style="{ height: scrollViewHeight + 'px' }"
+			refresher-enabled
+			:refresher-triggered="refreshing"
+			@refresherrefresh="onRefresh"
+			@scrolltolower="loadMore"
+			:show-scrollbar="false"
+		>
+			<!-- 商品分类区域 - 修复横向滚动 -->
 			<view class="category-section">
-				<text class="section-title">商品分类</text>
-				<view class="category-grid">
-					<view v-for="(category, index) in categoryList" :key="category.id" class="category-item" @click="navigateToCategory(category)">
-						<image class="category-icon" :src="category.icon_url || '/static/default-category.png'" mode="aspectFit" />
-						<text class="category-name">{{ category.name }}</text>
-					</view>
-				</view>
-			</view>
-
-			<!-- 优惠券中心 -->
-			<view class="coupon-section">
-				<view class="section-header">
-					<text class="section-title">优惠券</text>
-					<text class="more-btn" @click="navigateToCoupons">更多 ›</text>
-				</view>
-				<scroll-view direction="horizontal" class="coupon-scroll">
-					<view class="coupon-list">
-						<view v-for="(coupon, index) in couponList" :key="coupon.id" class="coupon-item" @click="receiveCoupon(coupon)">
-							<view class="coupon-left">
-								<text class="coupon-value">￥{{ coupon.discount_value }}</text>
-								<text class="coupon-condition">满{{ coupon.min_order_amount }}可用</text>
-							</view>
-							<view class="coupon-right">
-								<text class="coupon-name">{{ coupon.name }}</text>
-								<text class="coupon-expire">{{ formatExpireTime(coupon.end_time) }}</text>
-								<view class="receive-btn">
-									<text class="btn-text">立即领取</text>
-								</view>
+				<scroll-view 
+					scroll-x 
+					class="category-scroll" 
+					:show-scrollbar="false"
+					:scroll-left="scrollLeft"
+					@scroll="onScroll"
+				>
+					<view class="category-container">
+						<view 
+							v-for="(category, index) in categoryList" 
+							:key="category.id"
+							:class="['category-item', { active: activeCategory === category.id }]"
+							@click="switchCategory(category.id, index)"
+						>
+							<view class="category-icon-wrapper">
+								<text class="category-icon">{{ category.icon }}</text>
 							</view>
+							<text class="category-name">{{ category.name }}</text>
 						</view>
 					</view>
 				</scroll-view>
 			</view>
 
-			<!-- 商品推荐 -->
-			<view class="product-section">
-				<text class="section-title">为你推荐</text>
-				<!-- #ifdef APP -->
-				<waterfall :column-count="2" :column-gap="10" :row-gap="10" class="product-waterfall">
-					<view v-for="(product, index) in productList" :key="product.id" class="product-card" @click="navigateToProduct(product)">
-						<image class="product-image" :src="getProductFirstImage(product)" mode="aspectFill" @error="handleImageError" />
-						<view class="product-info">
-							<text class="product-name">{{ product.name }}</text>
-							<view class="price-row">
-								<text class="current-price">￥{{ product.price }}</text>
-								<text v-if="product.original_price !== null && product.original_price > product.price" class="original-price">￥{{ product.original_price }}</text>
+			<!-- 搜索栏 -->
+			<view class="search-section" @click="navigateToSearch">
+				<view class="search-container">
+					<view class="search-box">
+						<text class="search-icon">🔍</text>
+						<text class="search-placeholder">搜索商品/品牌/店铺</text>
+					</view>
+				</view>
+			</view>
+
+			<!-- 轮播图 -->
+			<view class="banner-section">
+				<swiper 
+					class="banner-swiper" 
+					:autoplay="true" 
+					:interval="4000" 
+					:duration="500"
+					:circular="true"
+					:indicator-dots="true"
+					indicator-color="rgba(255,255,255,0.6)"
+					indicator-active-color="#ff5000"
+				>
+					<swiper-item v-for="(banner, index) in bannerList" :key="banner.id">
+						<image 
+							class="banner-image" 
+							:src="banner.image_url" 
+							mode="aspectFill"
+						/>
+					</swiper-item>
+				</swiper>
+			</view>
+
+			<!-- 快捷入口 -->
+			<view class="quick-actions">
+				<view class="action-item" @click="navigateToFlashSale">
+					<view class="action-icon flash">⚡</view>
+					<text class="action-text">限时秒杀</text>
+				</view>
+				<view class="action-item" @click="navigateToCoupons">
+					<view class="action-icon coupon">🎫</view>
+					<text class="action-text">领券中心</text>
+				</view>
+				<view class="action-item" @click="navigateToDailyDeals">
+					<view class="action-icon daily">🔥</view>
+					<text class="action-text">每日特价</text>
+				</view>
+				<view class="action-item" @click="navigateToBrand">
+					<view class="action-icon brand">🏷️</view>
+					<text class="action-text">品牌特卖</text>
+				</view>
+				<view class="action-item" @click="navigateToGroupBuy">
+					<view class="action-icon group">👥</view>
+					<text class="action-text">拼团购</text>
+				</view>
+			</view>
+
+			<!-- 限时秒杀 -->
+			<view class="flash-sale-section">
+				<view class="section-header">
+					<view class="header-content">
+						<view class="title-with-icon">
+							<text class="flash-icon">⚡</text>
+							<text class="section-title">限时秒杀</text>
+						</view>
+						<view class="countdown-wrapper">
+							<text class="countdown-label">距结束</text>
+							<view class="time-box">
+								<text class="time">{{ countdown.hours }}</text>
+								<text class="colon">:</text>
+								<text class="time">{{ countdown.minutes }}</text>
+								<text class="colon">:</text>
+								<text class="time">{{ countdown.seconds }}</text>
 							</view>
-							<view class="sales-row">
-								<text class="sales-text">已售{{ product.sales }}件</text>
-								<view class="add-cart-btn" @click.stop="addToCart(product)">
-									<text class="add-text">+</text>
+						</view>
+						<view class="more-link" @click="navigateToFlashSale">
+							<text>更多</text>
+							<text class="arrow">›</text>
+						</view>
+					</view>
+				</view>
+				
+				<!-- 限时秒杀商品网格 -->
+				<view class="flash-grid">
+					<view 
+						v-for="(product, index) in flashSaleProducts" 
+						:key="index"
+						class="flash-product"
+						@click="navigateToProduct(product)"
+					>
+						<view class="product-image-wrapper">
+							<image 
+								class="product-image" 
+								:src="product.image" 
+								mode="aspectFill"
+							/>
+							<view v-if="product.tag" class="product-tag">{{ product.tag }}</view>
+						</view>
+						<view class="price-info">
+							<text class="flash-price">¥{{ product.price }}</text>
+							<text class="original-price">¥{{ product.original_price }}</text>
+							<view class="progress-container">
+								<view class="progress-bar">
+									<view class="progress-inner" :style="{ width: product.soldPercent + '%' }"></view>
+								</view>
+								<text class="sold-text">已抢{{ product.soldPercent }}%</text>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+
+			<!-- 为你推荐 - 瀑布流布局 -->
+			<view class="recommend-section">
+				<view class="section-header">
+					<view class="title-with-icon">
+						<text class="recommend-icon">❤️</text>
+						<text class="section-title">为你推荐</text>
+					</view>
+					<view class="sort-options">
+						<text 
+							v-for="option in sortOptions" 
+							:key="option.id"
+							:class="['sort-option', { active: activeSort === option.id }]"
+							@click="switchSort(option.id)"
+						>
+							{{ option.name }}
+						</text>
+					</view>
+				</view>
+				
+				<!-- 瀑布流容器 -->
+				<view class="waterfall-container">
+					<!-- 左列 -->
+					<view class="waterfall-column left-column">
+						<view 
+							v-for="(product, index) in leftColumnProducts" 
+							:key="product.id"
+							class="product-card"
+							@click="navigateToProduct(product)"
+						>
+							<view class="product-image-wrapper">
+								<image 
+									class="product-image" 
+									:src="product.image" 
+									mode="widthFix"
+									lazy-load="true"
+								/>
+								<view v-if="product.tag" class="product-tag">{{ product.tag }}</view>
+							</view>
+							<view class="product-info">
+								<text class="product-title">{{ product.name }}</text>
+								<view class="price-section">
+									<view class="current-price">
+										<text class="price-symbol">¥</text>
+										<text class="price-value">{{ product.price }}</text>
+									</view>
+									<text v-if="product.original_price > product.price" class="original-price">
+										¥{{ product.original_price }}
+									</text>
+								</view>
+								<view class="product-meta">
+									<text class="sales-count">{{ product.sales }}人已买</text>
+									<view class="shop-info" v-if="product.shop">
+										<text class="shop-name">{{ product.shop }}</text>
+									</view>
 								</view>
 							</view>
 						</view>
 					</view>
-				</waterfall>
-				<!-- #endif -->
-				<!-- #ifndef APP -->
-				<view class="product-grid">
-					<view v-for="(product, index) in productList" :key="product.id" class="product-card" @click="navigateToProduct(product)">
-						<image class="product-image" :src="getProductFirstImage(product)" mode="aspectFill" @error="handleImageError" />
-						<view class="product-info">
-							<text class="product-name">{{ product.name }}</text>
-							<view class="price-row">
-								<text class="current-price">￥{{ product.price }}</text>
-								<text v-if="product.original_price !== null && product.original_price > product.price" class="original-price">￥{{ product.original_price }}</text>
+					
+					<!-- 右列 -->
+					<view class="waterfall-column right-column">
+						<view 
+							v-for="(product, index) in rightColumnProducts" 
+							:key="product.id"
+							class="product-card"
+							@click="navigateToProduct(product)"
+						>
+							<view class="product-image-wrapper">
+								<image 
+									class="product-image" 
+									:src="product.image" 
+									mode="widthFix"
+									lazy-load="true"
+								/>
+								<view v-if="product.tag" class="product-tag">{{ product.tag }}</view>
 							</view>
-							<view class="sales-row">
-								<text class="sales-text">已售{{ product.sales }}件</text>
-								<view class="add-cart-btn" @click.stop="addToCart(product)">
-									<text class="add-text">+</text>
+							<view class="product-info">
+								<text class="product-title">{{ product.name }}</text>
+								<view class="price-section">
+									<view class="current-price">
+										<text class="price-symbol">¥</text>
+										<text class="price-value">{{ product.price }}</text>
+									</view>
+									<text v-if="product.original_price > product.price" class="original-price">
+										¥{{ product.original_price }}
+									</text>
+								</view>
+								<view class="product-meta">
+									<text class="sales-count">{{ product.sales }}人已买</text>
+									<view class="shop-info" v-if="product.shop">
+										<text class="shop-name">{{ product.shop }}</text>
+									</view>
 								</view>
 							</view>
 						</view>
 					</view>
 				</view>
-				<!-- #endif -->
-			</view>
-
-			<!-- 加载更多 -->
-			<view v-if="isLoading" class="loading-container">
-				<text class="loading-text">加载中...</text>
+				
+				<!-- 加载状态 -->
+				<view v-if="loading" class="loading-container">
+					<view class="loading-spinner"></view>
+					<text class="loading-text">加载中...</text>
+				</view>
+				
+				<view v-if="!hasMore && productList.length > 0" class="no-more">
+					<text>--- 我是有底线的 ---</text>
+				</view>
 			</view>
+			
+			<!-- 底部安全区域 -->
+			<view class="safe-area"></view>
 		</scroll-view>
-
-		<!-- 底部导航 -->
-		<view class="bottom-navigation">
-			<view class="nav-item active">
-				<text class="nav-icon">🏠</text>
-				<text class="nav-text">首页</text>
-			</view>
-			<view class="nav-item" @click="navigateToCategory()">
-				<text class="nav-icon">📂</text>
-				<text class="nav-text">分类</text>
-			</view>
-			<view class="nav-item" @click="navigateToCart">
-				<text class="nav-icon">🛒</text>
-				<text class="nav-text">购物车</text>
-			</view>
-			<view class="nav-item" @click="navigateToProfile">
-				<text class="nav-icon">👤</text>
-				<text class="nav-text">我的</text>
-			</view>
-		</view>
 	</view>
 </template>
 
 <script setup lang="uts">
-import { ref, onMounted } from 'vue'
-import type { ProductType, CouponTemplateType } from '@/types/mall-types.uts'
-import supa from '@/components/supadb/aksupainstance.uts'
+import { ref, reactive, onMounted, onUnmounted, computed } from 'vue'
 
-// 数据定义
-const bannerList = ref<Array<any>>([])
-const categoryList = ref<Array<any>>([])
-const couponList = ref<Array<CouponTemplateType>>([])
-const productList = ref<Array<ProductType>>([])
-const cartCount = ref<number>(0)
-const isLoading = ref<boolean>(false)
-const page = ref<number>(1)
-const pageSize = ref<number>(20)
+// 响应式数据
+const bannerList = ref<any[]>([])
+const categoryList = ref<any[]>([])
+const productList = ref<any[]>([])
+const flashSaleProducts = ref<any[]>([])
+const currentCity = ref<string>('北京市')
+const refreshing = ref<boolean>(false)
+const loading = ref<boolean>(false)
 const hasMore = ref<boolean>(true)
+const page = ref<number>(1)
+const activeCategory = ref<string>('1')
+const activeSort = ref<string>('recommend')
+const statusBarHeight = ref<number>(0)
+const scrollViewHeight = ref<number>(0)
+const scrollLeft = ref<number>(0)
+const cartCount = ref<number>(0)
+const unreadMessageCount = ref<number>(3)
 
-// 页面加载
-onMounted(() => {
-	loadBanners()
-	loadCategories()
-	loadCoupons()
-	loadProducts()
-	loadCartCount()
+// 倒计时数据
+const countdown = reactive({
+	hours: '02',
+	minutes: '30',
+	seconds: '15'
 })
 
-// 加载轮播图
-const loadBanners = async () => {
-	try {
-		const { data, error } = await supa
-			.from('mall_banners')
-			.select('*')
-			.eq('status', 1)
-			.order('sort_order', { ascending: true })
-			.limit(5)
+// 排序选项
+const sortOptions = [
+	{ id: 'recommend', name: '推荐' },
+	{ id: 'new', name: '新品' },
+	{ id: 'hot', name: '热销' },
+	{ id: 'priceAsc', name: '价格↑' },
+	{ id: 'priceDesc', name: '价格↓' }
+]
 
-		if (error !== null) {
-			console.error('加载轮播图失败:', error)
-			return
+// 计算瀑布流列数据
+const leftColumnProducts = computed(() => {
+	return productList.value.filter((_, index) => index % 2 === 0)
+})
+
+const rightColumnProducts = computed(() => {
+	return productList.value.filter((_, index) => index % 2 === 1)
+})
+
+// Mock 数据
+const mockData = {
+	banners: [
+		{
+			id: '1',
+			title: '双11狂欢购',
+			image_url: 'https://picsum.photos/750/350?random=1'
+		},
+		{
+			id: '2',
+			title: '品牌品质日',
+			image_url: 'https://picsum.photos/750/350?random=2'
+		},
+		{
+			id: '3',
+			title: '新人专享礼',
+			image_url: 'https://picsum.photos/750/350?random=3'
 		}
-
-		bannerList.value = data ?? []
-	} catch (err) {
-		console.error('加载轮播图异常:', err)
-	}
+	],
+	
+	categories: [
+		{ id: '1', name: '推荐', icon: '⭐' },
+		{ id: '2', name: '女装', icon: '👗' },
+		{ id: '3', name: '男装', icon: '👔' },
+		{ id: '4', name: '鞋靴', icon: '👠' },
+		{ id: '5', name: '箱包', icon: '👜' },
+		{ id: '6', name: '美妆', icon: '💄' },
+		{ id: '7', name: '数码', icon: '📱' },
+		{ id: '8', name: '家电', icon: '📺' },
+		{ id: '9', name: '家居', icon: '🏠' },
+		{ id: '10', name: '母婴', icon: '👶' },
+		{ id: '11', name: '食品', icon: '🍎' },
+		{ id: '12', name: '运动', icon: '⚽' },
+		{ id: '13', name: '汽车', icon: '🚗' },
+		{ id: '14', name: '百货', icon: '🛒' },
+		{ id: '15', name: '图书', icon: '📚' },
+		{ id: '16', name: '玩具', icon: '🧸' },
+		{ id: '17', name: '珠宝', icon: '💎' },
+		{ id: '18', name: '手表', icon: '⌚' },
+		{ id: '19', name: '宠物', icon: '🐶' },
+		{ id: '20', name: '文具', icon: '✏️' }
+	],
+	
+	flashSaleProducts: [
+		{
+			id: '1001',
+			name: '无线蓝牙耳机',
+			price: 299,
+			original_price: 599,
+			image: 'https://picsum.photos/200/200?random=1',
+			sales: 150,
+			soldPercent: 75,
+			tag: '秒杀'
+		},
+		{
+			id: '1002',
+			name: '运动T恤',
+			price: 79,
+			original_price: 159,
+			image: 'https://picsum.photos/200/200?random=2',
+			sales: 200,
+			soldPercent: 80,
+			tag: '爆款'
+		},
+		{
+			id: '1003',
+			name: '智能手环',
+			price: 199,
+			original_price: 299,
+			image: 'https://picsum.photos/200/200?random=3',
+			sales: 180,
+			soldPercent: 60,
+			tag: '新品'
+		},
+		{
+			id: '1004',
+			name: '电动牙刷',
+			price: 89,
+			original_price: 159,
+			image: 'https://picsum.photos/200/200?random=4',
+			sales: 250,
+			soldPercent: 90,
+			tag: '热卖'
+		},
+		{
+			id: '1005',
+			name: '保温杯',
+			price: 49,
+			original_price: 99,
+			image: 'https://picsum.photos/200/200?random=5',
+			sales: 300,
+			soldPercent: 85,
+			tag: '秒杀'
+		},
+		{
+			id: '1006',
+			name: '智能手表',
+			price: 399,
+			original_price: 599,
+			image: 'https://picsum.photos/200/200?random=6',
+			sales: 180,
+			soldPercent: 70,
+			tag: '爆款'
+		},
+		{
+			id: '1007',
+			name: '运动鞋',
+			price: 199,
+			original_price: 299,
+			image: 'https://picsum.photos/200/200?random=7',
+			sales: 220,
+			soldPercent: 80,
+			tag: '热卖'
+		},
+		{
+			id: '1008',
+			name: '保温饭盒',
+			price: 89,
+			original_price: 129,
+			image: 'https://picsum.photos/200/200?random=8',
+			sales: 190,
+			soldPercent: 75,
+			tag: '新品'
+		}
+	],
+	
+	products: [
+		{
+			id: '2001',
+			name: '智能手机 5G全网通 大内存',
+			price: 3999,
+			original_price: 4999,
+			image: 'https://picsum.photos/300/400?random=6',
+			sales: 500,
+			shop: '官方旗舰店',
+			tag: '官方'
+		},
+		{
+			id: '2002',
+			name: '笔记本电脑 轻薄本 学生办公',
+			price: 5999,
+			original_price: 6999,
+			image: 'https://picsum.photos/300/300?random=7',
+			sales: 300,
+			shop: '品牌专卖店',
+			tag: '折扣'
+		},
+		{
+			id: '2003',
+			name: '运动鞋 透气舒适跑步鞋',
+			price: 299,
+			original_price: 499,
+			image: 'https://picsum.photos/300/500?random=8',
+			sales: 800,
+			shop: '运动专营店'
+		},
+		{
+			id: '2004',
+			name: '电饭煲 智能预约多功能',
+			price: 399,
+			original_price: 599,
+			image: 'https://picsum.photos/300/350?random=9',
+			sales: 450,
+			shop: '家电旗舰店',
+			tag: '热卖'
+		},
+		{
+			id: '2005',
+			name: '护肤品套装 保湿补水',
+			price: 299,
+			original_price: 399,
+			image: 'https://picsum.photos/300/450?random=10',
+			sales: 600,
+			shop: '美妆官方店'
+		},
+		{
+			id: '2006',
+			name: '儿童玩具积木益智',
+			price: 199,
+			original_price: 299,
+			image: 'https://picsum.photos/300/320?random=11',
+			sales: 350,
+			shop: '母婴专营店',
+			tag: '新品'
+		},
+		{
+			id: '2007',
+			name: '智能手表 心率监测',
+			price: 899,
+			original_price: 1299,
+			image: 'https://picsum.photos/300/380?random=12',
+			sales: 280,
+			shop: '数码旗舰店'
+		},
+		{
+			id: '2008',
+			name: '羽绒服 冬季保暖',
+			price: 499,
+			original_price: 899,
+			image: 'https://picsum.photos/300/420?random=13',
+			sales: 420,
+			shop: '服装旗舰店',
+			tag: '爆款'
+		}
+	]
 }
 
-// 加载分类
-const loadCategories = async () => {
-	try {
-		const { data, error } = await supa
-			.from('categories')
-			.select('*')
-			.eq('is_active', true)
-			.is('parent_id', null)
-			.order('sort_order', { ascending: true })
-			.limit(8)
+// 生命周期
+onMounted(() => {
+	// 获取状态栏高度
+	const systemInfo = uni.getSystemInfoSync()
+	statusBarHeight.value = systemInfo.statusBarHeight || 0
+	
+	// 计算滚动区域高度
+	const windowHeight = systemInfo.windowHeight
+	const tabBarHeight = 50 // 假设tabBar高度为50px
+	scrollViewHeight.value = windowHeight - statusBarHeight.value - tabBarHeight
+	
+	// 加载数据
+	loadMockData()
+	setupCountdown()
+	
+	// 模拟获取购物车数量和未读消息数
+	cartCount.value = Math.floor(Math.random() * 5) + 1
+})
 
-		if (error !== null) {
-			console.error('加载分类失败:', error)
-			return
-		}
-
-		categoryList.value = data ?? []
-	} catch (err) {
-		console.error('加载分类异常:', err)
+onUnmounted(() => {
+	// 清理定时器
+	if (countdownTimer.value !== null) {
+		clearInterval(countdownTimer.value)
 	}
+})
+
+// 加载Mock数据
+const loadMockData = () => {
+    bannerList.value = mockData.banners || []
+    categoryList.value = mockData.categories || []
+    flashSaleProducts.value = mockData.flashSaleProducts || []
+    productList.value = mockData.products || []
 }
 
-// 加载优惠券
-const loadCoupons = async () => {
-	try {
-		const now = new Date().toISOString()
-		const { data, error } = await supa
-			.from('coupon_templates')
-			.select('*')
-			.eq('status', 1)
-			.gte('end_time', now)
-			.lte('start_time', now)
-			.limit(5)
-
-		if (error !== null) {
-			console.error('加载优惠券失败:', error)
-			return
-		}
-
-		couponList.value = data ?? []
-	} catch (err) {
-		console.error('加载优惠券异常:', err)
-	}
-}
-
-// 加载商品
-const loadProducts = async (loadMore: boolean = false) => {
-	if (isLoading.value || (!hasMore.value && loadMore)) {
-		return
-	}
-
-	isLoading.value = true
-
-	try {
-		const currentPage = loadMore ? page.value + 1 : 1
-		const { data, error } = await supa
-			.from('products')
-			.select('*')
-			.eq('status', 1)
-			.order('created_at', { ascending: false })
-			.range((currentPage - 1) * pageSize.value, currentPage * pageSize.value - 1)
-
-		if (error !== null) {
-			console.error('加载商品失败:', error)
-			isLoading.value = false
-			return
-		}
-
-		const newProducts = data ?? []
+// 倒计时定时器
+const countdownTimer = ref<any>(null)
+const setupCountdown = () => {
+	countdownTimer.value = setInterval(() => {
+		let hours = parseInt(countdown.hours)
+		let minutes = parseInt(countdown.minutes)
+		let seconds = parseInt(countdown.seconds)
 		
-		if (loadMore) {
-			for (let i: Int = 0; i < newProducts.length; i++) {
-				productList.value.push(newProducts[i])
+		seconds--
+		if (seconds < 0) {
+			seconds = 59
+			minutes--
+			if (minutes < 0) {
+				minutes = 59
+				hours--
+				if (hours < 0) {
+					// 重置倒计时
+					hours = 2
+					minutes = 30
+					seconds = 15
+				}
 			}
-			page.value = currentPage
-		} else {
-			productList.value = newProducts
-			page.value = 1
 		}
-
-		hasMore.value = newProducts.length === pageSize.value
-	} catch (err) {
-		console.error('加载商品异常:', err)
-	} finally {
-		isLoading.value = false
-	}
+		
+		countdown.hours = hours.toString().padStart(2, '0')
+		countdown.minutes = minutes.toString().padStart(2, '0')
+		countdown.seconds = seconds.toString().padStart(2, '0')
+	}, 1000)
 }
 
-// 加载购物车数量
-const loadCartCount = async () => {
-	try {
-		// 这里应该从用户登录状态获取user_id
-		const userId = getCurrentUserId()
-		if (userId === null) {
-			return
+// 事件处理函数
+const showCityPicker = () => {
+	uni.showActionSheet({
+		itemList: ['北京市', '上海市', '广州市', '深圳市', '其他城市'],
+		success: (res) => {
+			const cities = ['北京市', '上海市', '广州市', '深圳市', '其他城市']
+			currentCity.value = cities[res.tapIndex]
 		}
-
-		const { data, error } = await supa
-			.from('shopping_cart')
-			.select('quantity')
-			.eq('user_id', userId)
-
-		if (error !== null) {
-			console.error('加载购物车数量失败:', error)
-			return
-		}
-
-		let total = 0
-		const cartItems = data ?? []
-		for (let i: Int = 0; i < cartItems.length; i++) {
-			total += cartItems[i].quantity
-		}
-		cartCount.value = total
-	} catch (err) {
-		console.error('加载购物车数量异常:', err)
-	}
-}
-
-// 获取当前用户ID (临时实现)
-const getCurrentUserId = (): string | null => {
-	// 这里应该从全局状态或storage中获取
-	return null
-}
-
-// 获取商品第一张图片
-const getProductFirstImage = (product: ProductType): string => {
-	if (product.images.length > 0) {
-		return product.images[0]
-	}
-	return '/static/default-product.png'
-}
-
-// 格式化过期时间
-const formatExpireTime = (endTime: string): string => {
-	const date = new Date(endTime)
-	const month = (date.getMonth() + 1).toString().padStart(2, '0')
-	const day = date.getDate().toString().padStart(2, '0')
-	return `${month}.${day}到期`
-}
-
-// 图片加载错误处理
-const handleImageError = (event: UniImageErrorEvent) => {
-	const target = event.target as UniImageElement
-	if (target !== null) {
-		target.src = '/static/default-product.png'
-	}
-}
-
-// 轮播图点击
-const handleBannerClick = (banner: any) => {
-	if (banner.link_url !== null && banner.link_url !== '') {
-		// 处理轮播图跳转
-		console.log('点击轮播图:', banner.link_url)
-	}
-}
-
-// 领取优惠券
-const receiveCoupon = async (coupon: CouponTemplateType) => {
-	const userId = getCurrentUserId()
-	if (userId === null) {
-		uni.showToast({
-			title: '请先登录',
-			icon: 'none'
-		})
-		return
-	}
-
-	try {
-		// 检查是否已领取
-		const { data: existingCoupons, error: checkError } = await supa
-			.from('user_coupons')
-			.select('id')
-			.eq('user_id', userId)
-			.eq('template_id', coupon.id)
-
-		if (checkError !== null) {
-			console.error('检查优惠券失败:', checkError)
-			return
-		}
-
-		if (existingCoupons !== null && existingCoupons.length >= coupon.per_user_limit) {
-			uni.showToast({
-				title: '已达领取上限',
-				icon: 'none'
-			})
-			return
-		}
-
-		// 生成优惠券码
-		const couponCode = generateCouponCode()
-		const expireAt = coupon.end_time
-
-		const { error: insertError } = await supa
-			.from('user_coupons')
-			.insert({
-				user_id: userId,
-				template_id: coupon.id,
-				coupon_code: couponCode,
-				expire_at: expireAt
-			})
-
-		if (insertError !== null) {
-			console.error('领取优惠券失败:', insertError)
-			uni.showToast({
-				title: '领取失败',
-				icon: 'none'
-			})
-			return
-		}
-
-		uni.showToast({
-			title: '领取成功',
-			icon: 'success'
-		})
-	} catch (err) {
-		console.error('领取优惠券异常:', err)
-		uni.showToast({
-			title: '领取失败',
-			icon: 'none'
-		})
-	}
-}
-
-// 生成优惠券码
-const generateCouponCode = (): string => {
-	const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789'
-	let result = ''
-	for (let i: Int = 0; i < 12; i++) {
-		result += chars.charAt(Math.floor(Math.random() * chars.length))
-	}
-	return result
-}
-
-// 添加到购物车
-const addToCart = async (product: ProductType) => {
-	const userId = getCurrentUserId()
-	if (userId === null) {
-		uni.showToast({
-			title: '请先登录',
-			icon: 'none'
-		})
-		return
-	}
-
-	// 这里简化处理，直接添加商品（实际应该选择SKU）
-	try {
-		const { error } = await supa
-			.from('shopping_cart')
-			.upsert({
-				user_id: userId,
-				product_id: product.id,
-				quantity: 1
-			})
-
-		if (error !== null) {
-			console.error('添加购物车失败:', error)
-			uni.showToast({
-				title: '添加失败',
-				icon: 'none'
-			})
-			return
-		}
-
-		cartCount.value++
-		uni.showToast({
-			title: '已添加到购物车',
-			icon: 'success'
-		})
-	} catch (err) {
-		console.error('添加购物车异常:', err)
-	}
-}
-
-// 导航方法
-const navigateToSearch = () => {
-	uni.navigateTo({
-		url: '/pages/mall/consumer/search'
 	})
 }
 
-const navigateToCart = () => {
-	uni.navigateTo({
-		url: '/pages/mall/consumer/cart'
-	})
+// 切换商品分类
+const switchCategory = (categoryId: string, index: number) => {
+	activeCategory.value = categoryId
+	
+	// 这里可以添加根据分类筛选商品的逻辑
+	console.log('切换到分类:', categoryId)
+	
+	// 滚动到选中的分类
+	const itemWidth = 80 // 每个分类项的宽度（包括margin）
+	scrollLeft.value = index * itemWidth
 }
 
+const switchSort = (sortId: string) => {
+	activeSort.value = sortId
+	// 这里可以添加根据排序方式筛选商品的逻辑
+}
+
+// 滚动事件
+const onScroll = (e: any) => {
+	scrollLeft.value = e.detail.scrollLeft
+}
+
+// 下拉刷新
+const onRefresh = () => {
+	refreshing.value = true
+	setTimeout(() => {
+		loadMockData()
+		refreshing.value = false
+		uni.showToast({
+			title: '刷新成功',
+			icon: 'success'
+		})
+	}, 1000)
+}
+
+// 上拉加载更多
+const loadMore = () => {
+	if (!loading.value && hasMore.value) {
+		loading.value = true
+		setTimeout(() => {
+			// 模拟加载更多数据
+			const newProducts = [...mockData.products].map((item, index) => ({
+				...item,
+				id: `300${index}`,
+				price: item.price + Math.floor(Math.random() * 100)
+			}))
+			productList.value = [...productList.value, ...newProducts]
+			loading.value = false
+			hasMore.value = productList.value.length < 20 // 假设最多显示20个商品
+		}, 1500)
+	}
+}
+
+// 导航函数 - 修改消息为跳转到消息tab页
+const navigateToSearch = () => uni.navigateTo({ url: '/pages/mall/consumer/search' })
 const navigateToCategory = (category?: any) => {
-	const url = category !== null ? 
-		`/pages/mall/consumer/category?id=${category.id}` : 
-		'/pages/mall/consumer/category'
-	uni.navigateTo({
-		url: url
-	})
+	if (category) {
+		uni.navigateTo({ url: `/pages/mall/consumer/category?id=${category.id}&name=${category.name}` })
+	} else {
+		uni.switchTab({ url: '/pages/mall/consumer/category' })
+	}
 }
-
-const navigateToProduct = (product: ProductType) => {
-	uni.navigateTo({
-		url: `/pages/mall/consumer/product-detail?id=${product.id}`
-	})
-}
-
-const navigateToCoupons = () => {
-	uni.navigateTo({
-		url: '/pages/mall/consumer/coupons'
-	})
-}
-
-const navigateToProfile = () => {
-	uni.navigateTo({
-		url: '/pages/mall/consumer/profile'
-	})
+const navigateToProduct = (product: any) => {
+	uni.navigateTo({ url: `/pages/mall/consumer/product-detail?id=${product.id}` })
 }
+const navigateToCoupons = () => uni.navigateTo({ url: '/pages/mall/consumer/coupons' })
+const navigateToMessages = () => uni.switchTab({ url: '/pages/mall/consumer/messages' })
+const navigateToFlashSale = () => uni.navigateTo({ url: '/pages/mall/consumer/flash-sale' })
+const navigateToBrand = () => uni.navigateTo({ url: '/pages/mall/consumer/brand' })
+const navigateToCart = () => uni.switchTab({ url: '/pages/mall/consumer/cart' })
+const navigateToDailyDeals = () => uni.navigateTo({ url: '/pages/mall/consumer/daily-deals' })
+const navigateToGroupBuy = () => uni.navigateTo({ url: '/pages/mall/consumer/group-buy' })
 </script>
 
-<style scoped>
+<style>
+/* 重置默认样式 - 确保不受全局样式影响 */
+.consumer-home * {
+	box-sizing: border-box;
+	margin: 0;
+	padding: 0;
+}
+
 .consumer-home {
+	width: 100%;
+	min-height: 100vh;
+	background: #f5f5f5;
 	display: flex;
 	flex-direction: column;
-	height: 100vh;
-	background-color: #f5f5f5;
+	position: relative;
 }
 
-.header {
-	background-color: #ffffff;
-	padding: 10px 15px;
-	border-bottom: 1px solid #e5e5e5;
+/* 自定义导航栏 - 简化版 */
+.custom-navbar {
+	background: #ff5000;
+	width: 100%;
+	position: fixed;
+	top: 0;
+	left: 0;
+	z-index: 1000;
 }
 
-.search-container {
+.nav-content {
+	height: 44px;
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
+	padding: 0 15px;
+	color: white;
 }
 
-.search-box {
-	flex: 1;
+.location {
 	display: flex;
 	align-items: center;
-	background-color: #f8f8f8;
-	border-radius: 20px;
-	padding: 8px 15px;
-	margin-right: 15px;
+	flex-shrink: 0;
+	padding: 5px 10px;
+	background: rgba(255, 255, 255, 0.2);
+	border-radius: 15px;
 }
 
-.search-icon {
-	color: #999999;
-	margin-right: 8px;
-}
-
-.search-placeholder {
-	color: #999999;
+.location-icon {
 	font-size: 14px;
+	margin-right: 4px;
 }
 
-.cart-icon {
+.location-text {
+	font-size: 14px;
+	font-weight: bold;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	max-width: 60px;
+}
+
+.location-arrow {
+	font-size: 10px;
+	margin-left: 4px;
+	color: rgba(255, 255, 255, 0.8);
+}
+
+.nav-icons {
+	display: flex;
+	align-items: center;
+	gap: 15px;
+}
+
+.icon-item {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 30px;
+	height: 30px;
 	position: relative;
-	padding: 5px;
 }
 
 .icon {
-	font-size: 24px;
+	font-size: 20px;
 }
 
-.badge {
+.message-badge, .cart-badge {
 	position: absolute;
-	top: -2px;
-	right: -2px;
-	background-color: #ff4757;
-	color: #ffffff;
+	top: -5px;
+	right: -5px;
+	background: #ff3b30;
+	color: white;
 	font-size: 10px;
-	padding: 2px 6px;
-	border-radius: 10px;
-	min-width: 16px;
-	text-align: center;
+	width: 16px;
+	height: 16px;
+	border-radius: 50%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
 }
 
+/* 主内容区 */
 .main-content {
+	background: #f5f5f5;
+	margin-top: 44px;
+	width: 100%;
+}
+
+/* 商品分类区域 - 修复横向滚动 */
+.category-section {
+	background: white;
+	width: 100%;
+	padding: 15px 0;
+	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+	margin-bottom: 5px;
+	position: relative;
+	overflow: hidden;
+}
+
+/* 商品分类横向滚动区域 */
+.category-scroll {
+	white-space: nowrap;
+	width: 100%;
+	overflow-x: auto;
+	-webkit-overflow-scrolling: touch;
+	height: 90px;
+}
+
+.category-container {
+	display: flex;
+	flex-direction: row;
+	padding: 10px 15px;
+}
+
+.category-item {
+	flex-shrink: 0;
+	margin-right: 15px;
+	width: 70px;
+	height: 70px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	transition: all 0.3s ease;
+	position: relative;
+}
+
+.category-item.active .category-icon-wrapper {
+	background: #ff5000;
+	transform: scale(1.1);
+	box-shadow: 0 4px 12px rgba(255, 80, 0, 0.3);
+}
+
+.category-item.active .category-icon {
+	color: white;
+}
+
+.category-item.active .category-name {
+	color: #ff5000;
+	font-weight: bold;
+}
+
+/* 添加活动指示器 */
+.category-item.active::after {
+	content: '';
+	position: absolute;
+	bottom: 0;
+	left: 50%;
+	transform: translateX(-50%);
+	width: 20px;
+	height: 3px;
+	background: #ff5000;
+	border-radius: 2px;
+}
+
+.category-icon-wrapper {
+	width: 48px;
+	height: 48px;
+	border-radius: 24px;
+	background: linear-gradient(135deg, #f5f5f5, #e8e8e8);
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	margin-bottom: 6px;
+	transition: all 0.3s ease;
+}
+
+.category-icon {
+	font-size: 24px;
+	color: #666;
+	transition: all 0.3s ease;
+}
+
+.category-name {
+	font-size: 12px;
+	color: #333;
+	text-align: center;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	width: 100%;
+	line-height: 1.2;
+	transition: all 0.3s ease;
+}
+
+/* 搜索栏 */
+.search-section {
+	background: white;
+	padding: 12px 15px;
+	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+}
+
+.search-container {
+	width: 100%;
+}
+
+.search-box {
+	background: #f5f5f5;
+	border-radius: 25px;
+	padding: 12px 20px;
+	display: flex;
+	align-items: center;
+	width: 100%;
+	height: 45px;
+	border: 1px solid #eee;
+}
+
+.search-icon {
+	color: #999;
+	margin-right: 10px;
+	font-size: 18px;
+}
+
+.search-placeholder {
+	color: #999;
+	font-size: 15px;
 	flex: 1;
 }
 
-.banner-swiper {
-	height: 180px;
-	margin: 10px 15px;
-	border-radius: 8px;
+/* 轮播图区域 */
+.banner-section {
+	background: white;
+	width: 100%;
 	overflow: hidden;
+	margin-top: 5px;
+}
+
+.banner-swiper {
+	height: 200px;
+	width: 100%;
 }
 
 .banner-image {
 	width: 100%;
 	height: 100%;
+	display: block;
 }
 
-.category-section {
-	background-color: #ffffff;
-	margin: 10px 15px;
-	border-radius: 8px;
-	padding: 15px;
-}
-
-.section-title {
-	font-size: 16px;
-	font-weight: bold;
-	color: #333333;
-	margin-bottom: 15px;
-}
-
-.category-grid {
+/* 快捷入口 - 横向排列 */
+.quick-actions {
+	background: white;
+	padding: 20px 0;
+	margin: 10px;
+	border-radius: 12px;
 	display: flex;
-	flex-wrap: wrap;
-	justify-content: space-between;
+	flex-direction: row;
+	justify-content: space-around;
+	align-items: center;
+	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+	width: calc(100% - 20px);
 }
 
-.category-item {
-	width: 60px;
+.action-item {
 	display: flex;
 	flex-direction: column;
 	align-items: center;
-	margin-bottom: 15px;
+	justify-content: center;
+	width: 20%;
+	flex-shrink: 0;
 }
 
-.category-icon {
-	width: 40px;
-	height: 40px;
-	border-radius: 20px;
-	margin-bottom: 5px;
-}
-
-.category-name {
-	font-size: 12px;
-	color: #666666;
-	text-align: center;
-}
-
-.coupon-section {
-	background-color: #ffffff;
-	margin: 10px 15px;
-	border-radius: 8px;
-	padding: 15px;
-}
-
-.section-header {
+.action-icon {
+	width: 48px;
+	height: 48px;
+	border-radius: 24px;
 	display: flex;
-	justify-content: space-between;
 	align-items: center;
-	margin-bottom: 15px;
+	justify-content: center;
+	font-size: 22px;
+	margin-bottom: 8px;
 }
 
-.more-btn {
-	color: #007aff;
-	font-size: 14px;
+.action-icon.flash {
+	background: linear-gradient(135deg, #ff3b30, #ff9500);
+	color: white;
 }
 
-.coupon-scroll {
+.action-icon.coupon {
+	background: linear-gradient(135deg, #34c759, #30d158);
+	color: white;
+}
+
+.action-icon.daily {
+	background: linear-gradient(135deg, #ff9500, #ffcc00);
+	color: white;
+}
+
+.action-icon.brand {
+	background: linear-gradient(135deg, #af52de, #ff2d55);
+	color: white;
+}
+
+.action-icon.group {
+	background: linear-gradient(135deg, #007aff, #5856d6);
+	color: white;
+}
+
+.action-text {
+	font-size: 13px;
+	color: #333;
+	font-weight: 500;
+	text-align: center;
 	width: 100%;
 }
 
-.coupon-list {
-	display: flex;
-	flex-direction: row;
+/* 限时秒杀 - 新版横向布局 */
+.flash-sale-section {
+	background: linear-gradient(135deg, #fff0e8, #ffece6);
+	margin: 10px;
+	border-radius: 12px;
+	padding: 18px;
+	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+	border: 1px solid #ffddd1;
+	width: calc(100% - 20px);
 }
 
-.coupon-item {
-	display: flex;
-	width: 280px;
-	height: 80px;
-	background: linear-gradient(135deg, #ff6b6b, #ffa726);
-	border-radius: 8px;
-	margin-right: 10px;
-	overflow: hidden;
+/* 限时秒杀头部 - 横向排列 */
+.section-header {
+	margin-bottom: 18px;
+	width: 100%;
 }
 
-.coupon-left {
-	width: 80px;
+.header-content {
 	display: flex;
-	flex-direction: column;
-	justify-content: center;
 	align-items: center;
-	background-color: rgba(255, 255, 255, 0.2);
+	justify-content: space-between;
+	gap: 15px;
 }
 
-.coupon-value {
-	color: #ffffff;
+.title-with-icon {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	flex-shrink: 0;
+}
+
+.flash-icon, .recommend-icon {
+	color: #ff5000;
+	font-size: 20px;
+}
+
+.section-title {
 	font-size: 18px;
 	font-weight: bold;
+	color: #ff5000;
+	white-space: nowrap;
+}
+
+/* 倒计时样式调整 - 横向排列 */
+.countdown-wrapper {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	background: #ff5000;
+	padding: 6px 12px;
+	border-radius: 6px;
+	white-space: nowrap;
+	flex-shrink: 0;
+}
+
+.countdown-label {
+	font-size: 13px;
+	color: white;
+	font-weight: 500;
+}
+
+.time-box {
+	display: flex;
+	align-items: center;
+	gap: 3px;
+}
+
+.time {
+	background: white;
+	color: #ff5000;
+	padding: 4px 8px;
+	border-radius: 4px;
+	font-size: 14px;
+	min-width: 26px;
+	text-align: center;
+	font-weight: bold;
 }
 
-.coupon-condition {
-	color: #ffffff;
-	font-size: 10px;
-	margin-top: 2px;
-}
-
-.coupon-right {
-	flex: 1;
-	padding: 10px;
-	display: flex;
-	flex-direction: column;
-	justify-content: space-between;
-}
-
-.coupon-name {
-	color: #ffffff;
+.colon {
+	color: white;
 	font-size: 14px;
 	font-weight: bold;
 }
 
-.coupon-expire {
-	color: #ffffff;
-	font-size: 10px;
-	opacity: 0.8;
-}
-
-.receive-btn {
-	align-self: flex-end;
-	background-color: #ffffff;
-	border-radius: 12px;
-	padding: 4px 12px;
-}
-
-.btn-text {
-	color: #ff6b6b;
-	font-size: 12px;
-}
-
-.product-section {
-	background-color: #ffffff;
-	margin: 10px 15px;
-	border-radius: 8px;
-	padding: 15px;
-}
-
-.product-waterfall {
-	margin-top: 10px;
-}
-
-.product-grid {
+.more-link {
 	display: flex;
-	flex-wrap: wrap;
+	align-items: center;
+	color: #999;
+	font-size: 14px;
+	white-space: nowrap;
+	flex-shrink: 0;
+}
+
+.more-link .arrow {
+	margin-left: 5px;
+	font-size: 18px;
+}
+
+/* 限时秒杀商品网格布局 */
+.flash-grid {
+	display: grid;
+	grid-template-columns: repeat(4, 1fr);
+	gap: 12px;
+	width: 100%;
+}
+
+.flash-product {
+	background: white;
+	border-radius: 10px;
+	overflow: hidden;
+	border: 1px solid #ffddd1;
+	box-shadow: 0 3px 10px rgba(255, 80, 0, 0.12);
+	transition: transform 0.2s ease, box-shadow 0.2s ease;
+}
+
+.flash-product:active {
+	transform: scale(0.98);
+	box-shadow: 0 2px 8px rgba(255, 80, 0, 0.2);
+}
+
+.product-image-wrapper {
+	position: relative;
+	width: 100%;
+	height: 0;
+	padding-bottom: 100%; /* 保持正方形 */
+	overflow: hidden;
+}
+
+.product-image {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	display: block;
+}
+
+.product-tag {
+	position: absolute;
+	top: 8px;
+	left: 8px;
+	background: #ff5000;
+	color: white;
+	font-size: 11px;
+	padding: 3px 10px;
+	border-radius: 12px;
+	font-weight: bold;
+	z-index: 1;
+}
+
+.price-info {
+	padding: 12px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}
+
+.flash-price {
+	color: #ff5000;
+	font-size: 18px;
+	font-weight: bold;
+	text-align: center;
+	width: 100%;
+}
+
+.original-price {
+	color: #999;
+	font-size: 13px;
+	text-decoration: line-through;
+	margin: 6px 0;
+	text-align: center;
+	width: 100%;
+}
+
+.progress-container {
+	width: 100%;
+	margin-top: 8px;
+}
+
+.progress-bar {
+	width: 100%;
+	height: 8px;
+	background: #ffece6;
+	border-radius: 4px;
+	overflow: hidden;
+}
+
+.progress-inner {
+	height: 100%;
+	background: linear-gradient(90deg, #ff9500, #ff5000);
+	border-radius: 4px;
+}
+
+.sold-text {
+	font-size: 11px;
+	color: #ff5000;
+	text-align: center;
+	width: 100%;
+	margin-top: 4px;
+}
+
+/* 为你推荐 - 瀑布流布局 */
+.recommend-section {
+	background: white;
+	margin: 10px;
+	border-radius: 12px;
+	padding: 18px;
+	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+	width: calc(100% - 20px);
+}
+
+/* 为你推荐头部 */
+.recommend-section .section-header {
+	display: flex;
+	align-items: center;
 	justify-content: space-between;
-	margin-top: 10px;
+	margin-bottom: 18px;
+}
+
+/* 排序选项 - 横向排列 */
+.sort-options {
+	display: flex;
+	gap: 15px;
+	align-items: center;
+	flex-wrap: nowrap;
+	overflow-x: auto;
+	padding-bottom: 5px;
+}
+
+.sort-option {
+	font-size: 14px;
+	color: #666;
+	padding: 5px 0;
+	position: relative;
+	white-space: nowrap;
+	flex-shrink: 0;
+}
+
+.sort-option.active {
+	color: #ff5000;
+	font-weight: bold;
+}
+
+.sort-option.active::after {
+	content: '';
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	height: 2px;
+	background: #ff5000;
+	border-radius: 1px;
+}
+
+/* 瀑布流布局 */
+.waterfall-container {
+	display: flex;
+	justify-content: space-between;
+	gap: 12px;
+	width: 100%;
+	margin-top: 18px;
+}
+
+.waterfall-column {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	gap: 12px;
+}
+
+.left-column {
+	margin-right: 6px;
+}
+
+.right-column {
+	margin-left: 6px;
 }
 
 .product-card {
-	width: 48%;
-	background-color: #ffffff;
-	border-radius: 8px;
+	background: white;
+	border-radius: 10px;
 	overflow: hidden;
-	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-	margin-bottom: 10px;
+	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
+	width: 100%;
+}
+
+.product-image-wrapper {
+	position: relative;
+	width: 100%;
+	background: #f8f8f8;
 }
 
 .product-image {
 	width: 100%;
-	height: 120px;
+	display: block;
 }
 
 .product-info {
-	padding: 10px;
+	padding: 15px;
 }
 
-.product-name {
-	font-size: 14px;
-	color: #333333;
-	margin-bottom: 8px;
+.product-title {
+	font-size: 15px;
+	color: #333;
 	line-height: 1.4;
+	height: 42px;
+	overflow: hidden;
+	display: -webkit-box;
+	-webkit-line-clamp: 2;
+	-webkit-box-orient: vertical;
+	margin-bottom: 12px;
+	font-weight: 500;
 }
 
-.price-row {
+.price-section {
 	display: flex;
 	align-items: baseline;
-	margin-bottom: 8px;
+	margin-bottom: 10px;
 }
 
 .current-price {
-	color: #ff4757;
-	font-size: 16px;
+	color: #ff5000;
+}
+
+.price-symbol {
+	font-size: 13px;
+}
+
+.price-value {
+	font-size: 20px;
 	font-weight: bold;
 }
 
 .original-price {
-	color: #999999;
-	font-size: 12px;
+	color: #999;
+	font-size: 13px;
 	text-decoration: line-through;
-	margin-left: 5px;
+	margin-left: 10px;
 }
 
-.sales-row {
+.product-meta {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
+	font-size: 13px;
 }
 
-.sales-text {
-	color: #999999;
-	font-size: 12px;
+.sales-count {
+	color: #999;
 }
 
-.add-cart-btn {
-	width: 24px;
-	height: 24px;
-	background-color: #007aff;
-	border-radius: 12px;
+.shop-info {
 	display: flex;
 	align-items: center;
-	justify-content: center;
 }
 
-.add-text {
-	color: #ffffff;
-	font-size: 16px;
-	font-weight: bold;
+.shop-name {
+	color: #666;
 }
 
+/* 加载状态 */
 .loading-container {
-	padding: 20px;
-	display: flex;
-	justify-content: center;
-}
-
-.loading-text {
-	color: #999999;
-	font-size: 14px;
-}
-
-.bottom-navigation {
-	display: flex;
-	background-color: #ffffff;
-	border-top: 1px solid #e5e5e5;
-	padding: 8px 0;
-}
-
-.nav-item {
-	flex: 1;
+	padding: 30px;
 	display: flex;
 	flex-direction: column;
 	align-items: center;
-	padding: 5px;
+	justify-content: center;
+	width: 100%;
 }
 
-.nav-item.active {
-	color: #007aff;
+.loading-spinner {
+	width: 30px;
+	height: 30px;
+	border: 3px solid #f0f5ff;
+	border-top-color: #ff5000;
+	border-radius: 50%;
+	animation: spin 1s linear infinite;
+	margin-bottom: 10px;
 }
 
-.nav-icon {
-	font-size: 20px;
-	margin-bottom: 2px;
+@keyframes spin {
+	0% { transform: rotate(0deg); }
+	100% { transform: rotate(360deg); }
 }
 
-.nav-text {
-	font-size: 10px;
+.loading-text {
+	color: #999;
+	font-size: 14px;
 }
-</style>
+
+.no-more {
+	text-align: center;
+	color: #999;
+	font-size: 13px;
+	padding: 30px 0;
+	border-top: 1px solid #f0f0f0;
+	margin-top: 10px;
+	width: 100%;
+}
+
+/* 安全区域 */
+.safe-area {
+	height: 20px;
+	width: 100%;
+}
+
+/* 为分类项添加点击反馈 */
+.category-item:active {
+	opacity: 0.7;
+	transform: scale(0.98);
+}
+
+/* 确保分类图标在点击时有更好的视觉效果 */
+.category-icon-wrapper:active {
+	transform: scale(0.95);
+}
+
+/* 响应式适配 */
+@media screen and (max-width: 320px) {
+	.category-item {
+		width: 65px;
+		margin-right: 12px;
+	}
+	
+	.flash-grid {
+		grid-template-columns: repeat(2, 1fr);
+		gap: 10px;
+	}
+	
+	/* 限时秒杀头部适配小屏幕 */
+	.header-content {
+		flex-wrap: wrap;
+		gap: 10px;
+	}
+	
+	.countdown-wrapper {
+		order: 3;
+		width: 100%;
+		justify-content: center;
+		margin-top: 5px;
+	}
+	
+	.more-link {
+		order: 2;
+	}
+	
+	.sort-options {
+		gap: 12px;
+		font-size: 13px;
+	}
+}
+
+@media screen and (min-width: 321px) and (max-width: 375px) {
+	.category-item {
+		width: 68px;
+		margin-right: 14px;
+	}
+	
+	.flash-grid {
+		grid-template-columns: repeat(2, 1fr);
+		gap: 12px;
+	}
+	
+	.header-content {
+		flex-wrap: wrap;
+		gap: 10px;
+	}
+	
+	.countdown-wrapper {
+		order: 3;
+		width: 100%;
+		justify-content: center;
+		margin-top: 5px;
+	}
+	
+	.more-link {
+		order: 2;
+	}
+	
+	.sort-options {
+		gap: 15px;
+		font-size: 14px;
+	}
+}
+
+@media screen and (min-width: 376px) and (max-width: 414px) {
+	.category-item {
+		width: 72px;
+		margin-right: 15px;
+	}
+	
+	.flash-grid {
+		grid-template-columns: repeat(3, 1fr);
+		gap: 12px;
+	}
+	
+	.header-content {
+		flex-wrap: nowrap;
+		gap: 15px;
+	}
+	
+	.countdown-wrapper {
+		order: unset;
+		width: auto;
+		justify-content: flex-start;
+		margin-top: 0;
+	}
+	
+	.more-link {
+		order: unset;
+	}
+	
+	.sort-options {
+		gap: 18px;
+		font-size: 14px;
+	}
+}
+
+@media screen and (min-width: 415px) {
+	.category-item {
+		width: 75px;
+		margin-right: 18px;
+	}
+	
+	.flash-grid {
+		grid-template-columns: repeat(4, 1fr);
+		gap: 15px;
+	}
+	
+	.header-content {
+		flex-wrap: nowrap;
+		gap: 20px;
+	}
+	
+	.sort-options {
+		gap: 20px;
+		font-size: 14px;
+	}
+}
+
+/* 针对平板设备的适配 */
+@media screen and (min-width: 768px) {
+	.flash-grid {
+		grid-template-columns: repeat(5, 1fr);
+		gap: 16px;
+	}
+	
+	.flash-product {
+		border-radius: 12px;
+	}
+	
+	.product-image-wrapper {
+		padding-bottom: 100%;
+	}
+	
+	.sort-options {
+		gap: 25px;
+		font-size: 15px;
+	}
+}
+</style>
\ No newline at end of file
diff --git a/pages/mall/consumer/indexback.uvue b/pages/mall/consumer/indexback.uvue
new file mode 100644
index 00000000..a2f3c8a5
--- /dev/null
+++ b/pages/mall/consumer/indexback.uvue
@@ -0,0 +1,1550 @@
+<!-- pages/mall/consumer/index.uvue -->
+<template>
+	<view class="consumer-home">
+		<!-- 自定义顶部导航栏（简化版） -->
+		<view class="custom-navbar" :style="{ paddingTop: statusBarHeight + 'px' }">
+			<view class="nav-content">
+				<view class="location" @click="showCityPicker">
+					<text class="location-icon">📍</text>
+					<text class="location-text">{{ currentCity }}</text>
+					<text class="location-arrow">▼</text>
+				</view>
+				
+				<view class="nav-icons">
+					<view class="icon-item" @click="navigateToMessages">
+						<text class="icon">💬</text>
+					</view>
+					<view class="icon-item" @click="navigateToCart">
+						<text class="icon">🛒</text>
+					</view>
+				</view>
+			</view>
+		</view>
+
+		<!-- 主内容区 -->
+		<scroll-view 
+			scroll-y 
+			class="main-content"
+			:style="{ height: scrollViewHeight + 'px' }"
+			refresher-enabled
+			:refresher-triggered="refreshing"
+			@refresherrefresh="onRefresh"
+			@scrolltolower="loadMore"
+			:show-scrollbar="false"
+		>
+			<!-- 商品分类区域 - 修复横向滚动 -->
+			<view class="category-section">
+				<scroll-view 
+					scroll-x 
+					class="category-scroll" 
+					:show-scrollbar="false"
+					:scroll-left="scrollLeft"
+					@scroll="onScroll"
+				>
+					<view class="category-container">
+						<view 
+							v-for="(category, index) in categoryList" 
+							:key="category.id"
+							:class="['category-item', { active: activeCategory === category.id }]"
+							@click="switchCategory(category.id, index)"
+						>
+							<view class="category-icon-wrapper">
+								<text class="category-icon">{{ category.icon }}</text>
+							</view>
+							<text class="category-name">{{ category.name }}</text>
+						</view>
+					</view>
+				</scroll-view>
+			</view>
+
+			<!-- 搜索栏 -->
+			<view class="search-section" @click="navigateToSearch">
+				<view class="search-container">
+					<view class="search-box">
+						<text class="search-icon">🔍</text>
+						<text class="search-placeholder">搜索商品/品牌/店铺</text>
+					</view>
+				</view>
+			</view>
+
+			<!-- 轮播图 -->
+			<view class="banner-section">
+				<swiper 
+					class="banner-swiper" 
+					:autoplay="true" 
+					:interval="4000" 
+					:duration="500"
+					:circular="true"
+					:indicator-dots="true"
+					indicator-color="rgba(255,255,255,0.6)"
+					indicator-active-color="#ff5000"
+				>
+					<swiper-item v-for="(banner, index) in bannerList" :key="banner.id">
+						<image 
+							class="banner-image" 
+							:src="banner.image_url" 
+							mode="aspectFill"
+						/>
+					</swiper-item>
+				</swiper>
+			</view>
+
+			<!-- 快捷入口 -->
+			<view class="quick-actions">
+				<view class="action-item" @click="navigateToFlashSale">
+					<view class="action-icon flash">⚡</view>
+					<text class="action-text">限时秒杀</text>
+				</view>
+				<view class="action-item" @click="navigateToCoupons">
+					<view class="action-icon coupon">🎫</view>
+					<text class="action-text">领券中心</text>
+				</view>
+				<view class="action-item" @click="navigateToDailyDeals">
+					<view class="action-icon daily">🔥</view>
+					<text class="action-text">每日特价</text>
+				</view>
+				<view class="action-item" @click="navigateToBrand">
+					<view class="action-icon brand">🏷️</view>
+					<text class="action-text">品牌特卖</text>
+				</view>
+				<view class="action-item" @click="navigateToGroupBuy">
+					<view class="action-icon group">👥</view>
+					<text class="action-text">拼团购</text>
+				</view>
+			</view>
+
+			<!-- 限时秒杀 -->
+			<view class="flash-sale-section">
+				<view class="section-header">
+					<view class="header-content">
+						<view class="title-with-icon">
+							<text class="flash-icon">⚡</text>
+							<text class="section-title">限时秒杀</text>
+						</view>
+						<view class="countdown-wrapper">
+							<text class="countdown-label">距结束</text>
+							<view class="time-box">
+								<text class="time">{{ countdown.hours }}</text>
+								<text class="colon">:</text>
+								<text class="time">{{ countdown.minutes }}</text>
+								<text class="colon">:</text>
+								<text class="time">{{ countdown.seconds }}</text>
+							</view>
+						</view>
+						<view class="more-link" @click="navigateToFlashSale">
+							<text>更多</text>
+							<text class="arrow">›</text>
+						</view>
+					</view>
+				</view>
+				
+				<!-- 限时秒杀商品网格 -->
+				<view class="flash-grid">
+					<view 
+						v-for="(product, index) in flashSaleProducts" 
+						:key="index"
+						class="flash-product"
+						@click="navigateToProduct(product)"
+					>
+						<view class="product-image-wrapper">
+							<image 
+								class="product-image" 
+								:src="product.image" 
+								mode="aspectFill"
+							/>
+							<view v-if="product.tag" class="product-tag">{{ product.tag }}</view>
+						</view>
+						<view class="price-info">
+							<text class="flash-price">¥{{ product.price }}</text>
+							<text class="original-price">¥{{ product.original_price }}</text>
+							<view class="progress-container">
+								<view class="progress-bar">
+									<view class="progress-inner" :style="{ width: product.soldPercent + '%' }"></view>
+								</view>
+								<text class="sold-text">已抢{{ product.soldPercent }}%</text>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+
+			<!-- 为你推荐 - 瀑布流布局 -->
+			<view class="recommend-section">
+				<view class="section-header">
+					<view class="title-with-icon">
+						<text class="recommend-icon">❤️</text>
+						<text class="section-title">为你推荐</text>
+					</view>
+					<view class="sort-options">
+						<text 
+							v-for="option in sortOptions" 
+							:key="option.id"
+							:class="['sort-option', { active: activeSort === option.id }]"
+							@click="switchSort(option.id)"
+						>
+							{{ option.name }}
+						</text>
+					</view>
+				</view>
+				
+				<!-- 瀑布流容器 -->
+				<view class="waterfall-container">
+					<!-- 左列 -->
+					<view class="waterfall-column left-column">
+						<view 
+							v-for="(product, index) in leftColumnProducts" 
+							:key="product.id"
+							class="product-card"
+							@click="navigateToProduct(product)"
+						>
+							<view class="product-image-wrapper">
+								<image 
+									class="product-image" 
+									:src="product.image" 
+									mode="widthFix"
+									lazy-load="true"
+								/>
+								<view v-if="product.tag" class="product-tag">{{ product.tag }}</view>
+							</view>
+							<view class="product-info">
+								<text class="product-title">{{ product.name }}</text>
+								<view class="price-section">
+									<view class="current-price">
+										<text class="price-symbol">¥</text>
+										<text class="price-value">{{ product.price }}</text>
+									</view>
+									<text v-if="product.original_price > product.price" class="original-price">
+										¥{{ product.original_price }}
+									</text>
+								</view>
+								<view class="product-meta">
+									<text class="sales-count">{{ product.sales }}人已买</text>
+									<view class="shop-info" v-if="product.shop">
+										<text class="shop-name">{{ product.shop }}</text>
+									</view>
+								</view>
+							</view>
+						</view>
+					</view>
+					
+					<!-- 右列 -->
+					<view class="waterfall-column right-column">
+						<view 
+							v-for="(product, index) in rightColumnProducts" 
+							:key="product.id"
+							class="product-card"
+							@click="navigateToProduct(product)"
+						>
+							<view class="product-image-wrapper">
+								<image 
+									class="product-image" 
+									:src="product.image" 
+									mode="widthFix"
+									lazy-load="true"
+								/>
+								<view v-if="product.tag" class="product-tag">{{ product.tag }}</view>
+							</view>
+							<view class="product-info">
+								<text class="product-title">{{ product.name }}</text>
+								<view class="price-section">
+									<view class="current-price">
+										<text class="price-symbol">¥</text>
+										<text class="price-value">{{ product.price }}</text>
+									</view>
+									<text v-if="product.original_price > product.price" class="original-price">
+										¥{{ product.original_price }}
+									</text>
+								</view>
+								<view class="product-meta">
+									<text class="sales-count">{{ product.sales }}人已买</text>
+									<view class="shop-info" v-if="product.shop">
+										<text class="shop-name">{{ product.shop }}</text>
+									</view>
+								</view>
+							</view>
+						</view>
+					</view>
+				</view>
+				
+				<!-- 加载状态 -->
+				<view v-if="loading" class="loading-container">
+					<view class="loading-spinner"></view>
+					<text class="loading-text">加载中...</text>
+				</view>
+				
+				<view v-if="!hasMore && productList.length > 0" class="no-more">
+					<text>--- 我是有底线的 ---</text>
+				</view>
+			</view>
+			
+			<!-- 底部安全区域 -->
+			<view class="safe-area"></view>
+		</scroll-view>
+	</view>
+</template>
+
+<script setup lang="uts">
+import { ref, reactive, onMounted, onUnmounted, computed } from 'vue'
+
+// 响应式数据
+const bannerList = ref<any[]>([])
+const categoryList = ref<any[]>([])
+const productList = ref<any[]>([])
+const flashSaleProducts = ref<any[]>([])
+const currentCity = ref<string>('北京市')
+const refreshing = ref<boolean>(false)
+const loading = ref<boolean>(false)
+const hasMore = ref<boolean>(true)
+const page = ref<number>(1)
+const activeCategory = ref<string>('1')
+const activeSort = ref<string>('recommend')
+const statusBarHeight = ref<number>(0)
+const scrollViewHeight = ref<number>(0)
+const scrollLeft = ref<number>(0)
+
+// 倒计时数据
+const countdown = reactive({
+	hours: '02',
+	minutes: '30',
+	seconds: '15'
+})
+
+// 排序选项
+const sortOptions = [
+	{ id: 'recommend', name: '推荐' },
+	{ id: 'new', name: '新品' },
+	{ id: 'hot', name: '热销' },
+	{ id: 'priceAsc', name: '价格↑' },
+	{ id: 'priceDesc', name: '价格↓' }
+]
+
+// 计算瀑布流列数据
+const leftColumnProducts = computed(() => {
+	return productList.value.filter((_, index) => index % 2 === 0)
+})
+
+const rightColumnProducts = computed(() => {
+	return productList.value.filter((_, index) => index % 2 === 1)
+})
+
+// Mock 数据
+const mockData = {
+	banners: [
+		{
+			id: '1',
+			title: '双11狂欢购',
+			image_url: 'https://picsum.photos/750/350?random=1'
+		},
+		{
+			id: '2',
+			title: '品牌品质日',
+			image_url: 'https://picsum.photos/750/350?random=2'
+		},
+		{
+			id: '3',
+			title: '新人专享礼',
+			image_url: 'https://picsum.photos/750/350?random=3'
+		}
+	],
+	
+	categories: [
+		{ id: '1', name: '推荐', icon: '⭐' },
+		{ id: '2', name: '女装', icon: '👗' },
+		{ id: '3', name: '男装', icon: '👔' },
+		{ id: '4', name: '鞋靴', icon: '👠' },
+		{ id: '5', name: '箱包', icon: '👜' },
+		{ id: '6', name: '美妆', icon: '💄' },
+		{ id: '7', name: '数码', icon: '📱' },
+		{ id: '8', name: '家电', icon: '📺' },
+		{ id: '9', name: '家居', icon: '🏠' },
+		{ id: '10', name: '母婴', icon: '👶' },
+		{ id: '11', name: '食品', icon: '🍎' },
+		{ id: '12', name: '运动', icon: '⚽' },
+		{ id: '13', name: '汽车', icon: '🚗' },
+		{ id: '14', name: '百货', icon: '🛒' },
+		{ id: '15', name: '图书', icon: '📚' },
+		{ id: '16', name: '玩具', icon: '🧸' },
+		{ id: '17', name: '珠宝', icon: '💎' },
+		{ id: '18', name: '手表', icon: '⌚' },
+		{ id: '19', name: '宠物', icon: '🐶' },
+		{ id: '20', name: '文具', icon: '✏️' }
+	],
+	
+	flashSaleProducts: [
+		{
+			id: '1001',
+			name: '无线蓝牙耳机',
+			price: 299,
+			original_price: 599,
+			image: 'https://picsum.photos/200/200?random=1',
+			sales: 150,
+			soldPercent: 75,
+			tag: '秒杀'
+		},
+		{
+			id: '1002',
+			name: '运动T恤',
+			price: 79,
+			original_price: 159,
+			image: 'https://picsum.photos/200/200?random=2',
+			sales: 200,
+			soldPercent: 80,
+			tag: '爆款'
+		},
+		{
+			id: '1003',
+			name: '智能手环',
+			price: 199,
+			original_price: 299,
+			image: 'https://picsum.photos/200/200?random=3',
+			sales: 180,
+			soldPercent: 60,
+			tag: '新品'
+		},
+		{
+			id: '1004',
+			name: '电动牙刷',
+			price: 89,
+			original_price: 159,
+			image: 'https://picsum.photos/200/200?random=4',
+			sales: 250,
+			soldPercent: 90,
+			tag: '热卖'
+		},
+		{
+			id: '1005',
+			name: '保温杯',
+			price: 49,
+			original_price: 99,
+			image: 'https://picsum.photos/200/200?random=5',
+			sales: 300,
+			soldPercent: 85,
+			tag: '秒杀'
+		},
+		{
+			id: '1006',
+			name: '智能手表',
+			price: 399,
+			original_price: 599,
+			image: 'https://picsum.photos/200/200?random=6',
+			sales: 180,
+			soldPercent: 70,
+			tag: '爆款'
+		},
+		{
+			id: '1007',
+			name: '运动鞋',
+			price: 199,
+			original_price: 299,
+			image: 'https://picsum.photos/200/200?random=7',
+			sales: 220,
+			soldPercent: 80,
+			tag: '热卖'
+		},
+		{
+			id: '1008',
+			name: '保温饭盒',
+			price: 89,
+			original_price: 129,
+			image: 'https://picsum.photos/200/200?random=8',
+			sales: 190,
+			soldPercent: 75,
+			tag: '新品'
+		}
+	],
+	
+	products: [
+		{
+			id: '2001',
+			name: '智能手机 5G全网通 大内存',
+			price: 3999,
+			original_price: 4999,
+			image: 'https://picsum.photos/300/400?random=6',
+			sales: 500,
+			shop: '官方旗舰店',
+			tag: '官方'
+		},
+		{
+			id: '2002',
+			name: '笔记本电脑 轻薄本 学生办公',
+			price: 5999,
+			original_price: 6999,
+			image: 'https://picsum.photos/300/300?random=7',
+			sales: 300,
+			shop: '品牌专卖店',
+			tag: '折扣'
+		},
+		{
+			id: '2003',
+			name: '运动鞋 透气舒适跑步鞋',
+			price: 299,
+			original_price: 499,
+			image: 'https://picsum.photos/300/500?random=8',
+			sales: 800,
+			shop: '运动专营店'
+		},
+		{
+			id: '2004',
+			name: '电饭煲 智能预约多功能',
+			price: 399,
+			original_price: 599,
+			image: 'https://picsum.photos/300/350?random=9',
+			sales: 450,
+			shop: '家电旗舰店',
+			tag: '热卖'
+		},
+		{
+			id: '2005',
+			name: '护肤品套装 保湿补水',
+			price: 299,
+			original_price: 399,
+			image: 'https://picsum.photos/300/450?random=10',
+			sales: 600,
+			shop: '美妆官方店'
+		},
+		{
+			id: '2006',
+			name: '儿童玩具积木益智',
+			price: 199,
+			original_price: 299,
+			image: 'https://picsum.photos/300/320?random=11',
+			sales: 350,
+			shop: '母婴专营店',
+			tag: '新品'
+		},
+		{
+			id: '2007',
+			name: '智能手表 心率监测',
+			price: 899,
+			original_price: 1299,
+			image: 'https://picsum.photos/300/380?random=12',
+			sales: 280,
+			shop: '数码旗舰店'
+		},
+		{
+			id: '2008',
+			name: '羽绒服 冬季保暖',
+			price: 499,
+			original_price: 899,
+			image: 'https://picsum.photos/300/420?random=13',
+			sales: 420,
+			shop: '服装旗舰店',
+			tag: '爆款'
+		}
+	]
+}
+
+// 生命周期
+onMounted(() => {
+	// 获取状态栏高度
+	const systemInfo = uni.getSystemInfoSync()
+	statusBarHeight.value = systemInfo.statusBarHeight || 0
+	
+	// 计算滚动区域高度
+	const windowHeight = systemInfo.windowHeight
+	const tabBarHeight = 50 // 假设tabBar高度为50px
+	scrollViewHeight.value = windowHeight - statusBarHeight.value - tabBarHeight
+	
+	// 加载数据
+	loadMockData()
+	setupCountdown()
+})
+
+onUnmounted(() => {
+	// 清理定时器
+	if (countdownTimer.value !== null) {
+		clearInterval(countdownTimer.value)
+	}
+})
+
+// 加载Mock数据
+const loadMockData = () => {
+    bannerList.value = mockData.banners || []
+    categoryList.value = mockData.categories || []
+    flashSaleProducts.value = mockData.flashSaleProducts || []
+    productList.value = mockData.products || []
+}
+
+// 倒计时定时器
+const countdownTimer = ref<any>(null)
+const setupCountdown = () => {
+	countdownTimer.value = setInterval(() => {
+		let hours = parseInt(countdown.hours)
+		let minutes = parseInt(countdown.minutes)
+		let seconds = parseInt(countdown.seconds)
+		
+		seconds--
+		if (seconds < 0) {
+			seconds = 59
+			minutes--
+			if (minutes < 0) {
+				minutes = 59
+				hours--
+				if (hours < 0) {
+					// 重置倒计时
+					hours = 2
+					minutes = 30
+					seconds = 15
+				}
+			}
+		}
+		
+		countdown.hours = hours.toString().padStart(2, '0')
+		countdown.minutes = minutes.toString().padStart(2, '0')
+		countdown.seconds = seconds.toString().padStart(2, '0')
+	}, 1000)
+}
+
+// 事件处理函数
+const showCityPicker = () => {
+	uni.showActionSheet({
+		itemList: ['北京市', '上海市', '广州市', '深圳市', '其他城市'],
+		success: (res) => {
+			const cities = ['北京市', '上海市', '广州市', '深圳市', '其他城市']
+			currentCity.value = cities[res.tapIndex]
+		}
+	})
+}
+
+// 切换商品分类
+const switchCategory = (categoryId: string, index: number) => {
+	activeCategory.value = categoryId
+	
+	// 这里可以添加根据分类筛选商品的逻辑
+	console.log('切换到分类:', categoryId)
+	
+	// 滚动到选中的分类
+	const itemWidth = 80 // 每个分类项的宽度（包括margin）
+	scrollLeft.value = index * itemWidth
+}
+
+const switchSort = (sortId: string) => {
+	activeSort.value = sortId
+	// 这里可以添加根据排序方式筛选商品的逻辑
+}
+
+// 滚动事件
+const onScroll = (e: any) => {
+	scrollLeft.value = e.detail.scrollLeft
+}
+
+// 下拉刷新
+const onRefresh = () => {
+	refreshing.value = true
+	setTimeout(() => {
+		loadMockData()
+		refreshing.value = false
+		uni.showToast({
+			title: '刷新成功',
+			icon: 'success'
+		})
+	}, 1000)
+}
+
+// 上拉加载更多
+const loadMore = () => {
+	if (!loading.value && hasMore.value) {
+		loading.value = true
+		setTimeout(() => {
+			// 模拟加载更多数据
+			const newProducts = [...mockData.products].map((item, index) => ({
+				...item,
+				id: `300${index}`,
+				price: item.price + Math.floor(Math.random() * 100)
+			}))
+			productList.value = [...productList.value, ...newProducts]
+			loading.value = false
+			hasMore.value = productList.value.length < 20 // 假设最多显示20个商品
+		}, 1500)
+	}
+}
+
+// 导航函数
+const navigateToSearch = () => uni.navigateTo({ url: '/pages/mall/consumer/search' })
+const navigateToCategory = (category?: any) => {
+	if (category) {
+		uni.navigateTo({ url: `/pages/mall/consumer/category?id=${category.id}&name=${category.name}` })
+	} else {
+		uni.switchTab({ url: '/pages/mall/consumer/category' })
+	}
+}
+const navigateToProduct = (product: any) => {
+	uni.navigateTo({ url: `/pages/mall/consumer/product-detail?id=${product.id}` })
+}
+const navigateToCoupons = () => uni.navigateTo({ url: '/pages/mall/consumer/coupons' })
+const navigateToMessages = () => uni.navigateTo({ url: '/pages/mall/consumer/messages' })
+const navigateToFlashSale = () => uni.navigateTo({ url: '/pages/mall/consumer/flash-sale' })
+const navigateToBrand = () => uni.navigateTo({ url: '/pages/mall/consumer/brand' })
+const navigateToCart = () => uni.switchTab({ url: '/pages/mall/consumer/cart' })
+const navigateToDailyDeals = () => uni.navigateTo({ url: '/pages/mall/consumer/daily-deals' })
+const navigateToGroupBuy = () => uni.navigateTo({ url: '/pages/mall/consumer/group-buy' })
+</script>
+
+<style>
+/* 重置默认样式 - 确保不受全局样式影响 */
+.consumer-home * {
+	box-sizing: border-box;
+	margin: 0;
+	padding: 0;
+}
+
+.consumer-home {
+	width: 100%;
+	min-height: 100vh;
+	background: #f5f5f5;
+	display: flex;
+	flex-direction: column;
+	position: relative;
+}
+
+/* 自定义导航栏 - 简化版 */
+.custom-navbar {
+	background: #ff5000;
+	width: 100%;
+	position: fixed;
+	top: 0;
+	left: 0;
+	z-index: 1000;
+}
+
+.nav-content {
+	height: 44px;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	padding: 0 15px;
+	color: white;
+}
+
+.location {
+	display: flex;
+	align-items: center;
+	flex-shrink: 0;
+	padding: 5px 10px;
+	background: rgba(255, 255, 255, 0.2);
+	border-radius: 15px;
+}
+
+.location-icon {
+	font-size: 14px;
+	margin-right: 4px;
+}
+
+.location-text {
+	font-size: 14px;
+	font-weight: bold;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	max-width: 60px;
+}
+
+.location-arrow {
+	font-size: 10px;
+	margin-left: 4px;
+	color: rgba(255, 255, 255, 0.8);
+}
+
+.nav-icons {
+	display: flex;
+	align-items: center;
+	gap: 15px;
+}
+
+.icon-item {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 30px;
+	height: 30px;
+}
+
+.icon {
+	font-size: 20px;
+}
+
+/* 主内容区 */
+.main-content {
+	background: #f5f5f5;
+	margin-top: 44px;
+	width: 100%;
+}
+
+/* 商品分类区域 - 修复横向滚动 */
+.category-section {
+	background: white;
+	width: 100%;
+	padding: 15px 0;
+	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+	margin-bottom: 5px;
+	position: relative;
+	overflow: hidden;
+}
+
+/* 商品分类横向滚动区域 */
+.category-scroll {
+	white-space: nowrap;
+	width: 100%;
+	overflow-x: auto;
+	-webkit-overflow-scrolling: touch;
+	height: 90px;
+}
+
+.category-container {
+	display: flex;
+	flex-direction: row;
+	padding: 10px 15px;
+}
+
+.category-item {
+	flex-shrink: 0;
+	margin-right: 15px;
+	width: 70px;
+	height: 70px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	transition: all 0.3s ease;
+	position: relative;
+}
+
+.category-item.active .category-icon-wrapper {
+	background: #ff5000;
+	transform: scale(1.1);
+	box-shadow: 0 4px 12px rgba(255, 80, 0, 0.3);
+}
+
+.category-item.active .category-icon {
+	color: white;
+}
+
+.category-item.active .category-name {
+	color: #ff5000;
+	font-weight: bold;
+}
+
+/* 添加活动指示器 */
+.category-item.active::after {
+	content: '';
+	position: absolute;
+	bottom: 0;
+	left: 50%;
+	transform: translateX(-50%);
+	width: 20px;
+	height: 3px;
+	background: #ff5000;
+	border-radius: 2px;
+}
+
+.category-icon-wrapper {
+	width: 48px;
+	height: 48px;
+	border-radius: 24px;
+	background: linear-gradient(135deg, #f5f5f5, #e8e8e8);
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	margin-bottom: 6px;
+	transition: all 0.3s ease;
+}
+
+.category-icon {
+	font-size: 24px;
+	color: #666;
+	transition: all 0.3s ease;
+}
+
+.category-name {
+	font-size: 12px;
+	color: #333;
+	text-align: center;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	width: 100%;
+	line-height: 1.2;
+	transition: all 0.3s ease;
+}
+
+/* 搜索栏 */
+.search-section {
+	background: white;
+	padding: 12px 15px;
+	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+}
+
+.search-container {
+	width: 100%;
+}
+
+.search-box {
+	background: #f5f5f5;
+	border-radius: 25px;
+	padding: 12px 20px;
+	display: flex;
+	align-items: center;
+	width: 100%;
+	height: 45px;
+	border: 1px solid #eee;
+}
+
+.search-icon {
+	color: #999;
+	margin-right: 10px;
+	font-size: 18px;
+}
+
+.search-placeholder {
+	color: #999;
+	font-size: 15px;
+	flex: 1;
+}
+
+/* 轮播图区域 */
+.banner-section {
+	background: white;
+	width: 100%;
+	overflow: hidden;
+	margin-top: 5px;
+}
+
+.banner-swiper {
+	height: 200px;
+	width: 100%;
+}
+
+.banner-image {
+	width: 100%;
+	height: 100%;
+	display: block;
+}
+
+/* 快捷入口 - 横向排列 */
+.quick-actions {
+	background: white;
+	padding: 20px 0;
+	margin: 10px;
+	border-radius: 12px;
+	display: flex;
+	flex-direction: row;
+	justify-content: space-around;
+	align-items: center;
+	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+	width: calc(100% - 20px);
+}
+
+.action-item {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	width: 20%;
+	flex-shrink: 0;
+}
+
+.action-icon {
+	width: 48px;
+	height: 48px;
+	border-radius: 24px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-size: 22px;
+	margin-bottom: 8px;
+}
+
+.action-icon.flash {
+	background: linear-gradient(135deg, #ff3b30, #ff9500);
+	color: white;
+}
+
+.action-icon.coupon {
+	background: linear-gradient(135deg, #34c759, #30d158);
+	color: white;
+}
+
+.action-icon.daily {
+	background: linear-gradient(135deg, #ff9500, #ffcc00);
+	color: white;
+}
+
+.action-icon.brand {
+	background: linear-gradient(135deg, #af52de, #ff2d55);
+	color: white;
+}
+
+.action-icon.group {
+	background: linear-gradient(135deg, #007aff, #5856d6);
+	color: white;
+}
+
+.action-text {
+	font-size: 13px;
+	color: #333;
+	font-weight: 500;
+	text-align: center;
+	width: 100%;
+}
+
+/* 限时秒杀 - 新版横向布局 */
+.flash-sale-section {
+	background: linear-gradient(135deg, #fff0e8, #ffece6);
+	margin: 10px;
+	border-radius: 12px;
+	padding: 18px;
+	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+	border: 1px solid #ffddd1;
+	width: calc(100% - 20px);
+}
+
+/* 限时秒杀头部 - 横向排列 */
+.section-header {
+	margin-bottom: 18px;
+	width: 100%;
+}
+
+.header-content {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: 15px;
+}
+
+.title-with-icon {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	flex-shrink: 0;
+}
+
+.flash-icon, .recommend-icon {
+	color: #ff5000;
+	font-size: 20px;
+}
+
+.section-title {
+	font-size: 18px;
+	font-weight: bold;
+	color: #ff5000;
+	white-space: nowrap;
+}
+
+/* 倒计时样式调整 - 横向排列 */
+.countdown-wrapper {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	background: #ff5000;
+	padding: 6px 12px;
+	border-radius: 6px;
+	white-space: nowrap;
+	flex-shrink: 0;
+}
+
+.countdown-label {
+	font-size: 13px;
+	color: white;
+	font-weight: 500;
+}
+
+.time-box {
+	display: flex;
+	align-items: center;
+	gap: 3px;
+}
+
+.time {
+	background: white;
+	color: #ff5000;
+	padding: 4px 8px;
+	border-radius: 4px;
+	font-size: 14px;
+	min-width: 26px;
+	text-align: center;
+	font-weight: bold;
+}
+
+.colon {
+	color: white;
+	font-size: 14px;
+	font-weight: bold;
+}
+
+.more-link {
+	display: flex;
+	align-items: center;
+	color: #999;
+	font-size: 14px;
+	white-space: nowrap;
+	flex-shrink: 0;
+}
+
+.more-link .arrow {
+	margin-left: 5px;
+	font-size: 18px;
+}
+
+/* 限时秒杀商品网格布局 */
+.flash-grid {
+	display: grid;
+	grid-template-columns: repeat(4, 1fr);
+	gap: 12px;
+	width: 100%;
+}
+
+.flash-product {
+	background: white;
+	border-radius: 10px;
+	overflow: hidden;
+	border: 1px solid #ffddd1;
+	box-shadow: 0 3px 10px rgba(255, 80, 0, 0.12);
+	transition: transform 0.2s ease, box-shadow 0.2s ease;
+}
+
+.flash-product:active {
+	transform: scale(0.98);
+	box-shadow: 0 2px 8px rgba(255, 80, 0, 0.2);
+}
+
+.product-image-wrapper {
+	position: relative;
+	width: 100%;
+	height: 0;
+	padding-bottom: 100%; /* 保持正方形 */
+	overflow: hidden;
+}
+
+.product-image {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	display: block;
+}
+
+.product-tag {
+	position: absolute;
+	top: 8px;
+	left: 8px;
+	background: #ff5000;
+	color: white;
+	font-size: 11px;
+	padding: 3px 10px;
+	border-radius: 12px;
+	font-weight: bold;
+	z-index: 1;
+}
+
+.price-info {
+	padding: 12px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}
+
+.flash-price {
+	color: #ff5000;
+	font-size: 18px;
+	font-weight: bold;
+	text-align: center;
+	width: 100%;
+}
+
+.original-price {
+	color: #999;
+	font-size: 13px;
+	text-decoration: line-through;
+	margin: 6px 0;
+	text-align: center;
+	width: 100%;
+}
+
+.progress-container {
+	width: 100%;
+	margin-top: 8px;
+}
+
+.progress-bar {
+	width: 100%;
+	height: 8px;
+	background: #ffece6;
+	border-radius: 4px;
+	overflow: hidden;
+}
+
+.progress-inner {
+	height: 100%;
+	background: linear-gradient(90deg, #ff9500, #ff5000);
+	border-radius: 4px;
+}
+
+.sold-text {
+	font-size: 11px;
+	color: #ff5000;
+	text-align: center;
+	width: 100%;
+	margin-top: 4px;
+}
+
+/* 为你推荐 - 瀑布流布局 */
+.recommend-section {
+	background: white;
+	margin: 10px;
+	border-radius: 12px;
+	padding: 18px;
+	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+	width: calc(100% - 20px);
+}
+
+/* 为你推荐头部 */
+.recommend-section .section-header {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	margin-bottom: 18px;
+}
+
+/* 排序选项 - 横向排列 */
+.sort-options {
+	display: flex;
+	gap: 15px;
+	align-items: center;
+	flex-wrap: nowrap;
+	overflow-x: auto;
+	padding-bottom: 5px;
+}
+
+.sort-option {
+	font-size: 14px;
+	color: #666;
+	padding: 5px 0;
+	position: relative;
+	white-space: nowrap;
+	flex-shrink: 0;
+}
+
+.sort-option.active {
+	color: #ff5000;
+	font-weight: bold;
+}
+
+.sort-option.active::after {
+	content: '';
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	height: 2px;
+	background: #ff5000;
+	border-radius: 1px;
+}
+
+/* 瀑布流布局 */
+.waterfall-container {
+	display: flex;
+	justify-content: space-between;
+	gap: 12px;
+	width: 100%;
+	margin-top: 18px;
+}
+
+.waterfall-column {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	gap: 12px;
+}
+
+.left-column {
+	margin-right: 6px;
+}
+
+.right-column {
+	margin-left: 6px;
+}
+
+.product-card {
+	background: white;
+	border-radius: 10px;
+	overflow: hidden;
+	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
+	width: 100%;
+}
+
+.product-image-wrapper {
+	position: relative;
+	width: 100%;
+	background: #f8f8f8;
+}
+
+.product-image {
+	width: 100%;
+	display: block;
+}
+
+.product-info {
+	padding: 15px;
+}
+
+.product-title {
+	font-size: 15px;
+	color: #333;
+	line-height: 1.4;
+	height: 42px;
+	overflow: hidden;
+	display: -webkit-box;
+	-webkit-line-clamp: 2;
+	-webkit-box-orient: vertical;
+	margin-bottom: 12px;
+	font-weight: 500;
+}
+
+.price-section {
+	display: flex;
+	align-items: baseline;
+	margin-bottom: 10px;
+}
+
+.current-price {
+	color: #ff5000;
+}
+
+.price-symbol {
+	font-size: 13px;
+}
+
+.price-value {
+	font-size: 20px;
+	font-weight: bold;
+}
+
+.original-price {
+	color: #999;
+	font-size: 13px;
+	text-decoration: line-through;
+	margin-left: 10px;
+}
+
+.product-meta {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	font-size: 13px;
+}
+
+.sales-count {
+	color: #999;
+}
+
+.shop-info {
+	display: flex;
+	align-items: center;
+}
+
+.shop-name {
+	color: #666;
+}
+
+/* 加载状态 */
+.loading-container {
+	padding: 30px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	width: 100%;
+}
+
+.loading-spinner {
+	width: 30px;
+	height: 30px;
+	border: 3px solid #f0f5ff;
+	border-top-color: #ff5000;
+	border-radius: 50%;
+	animation: spin 1s linear infinite;
+	margin-bottom: 10px;
+}
+
+@keyframes spin {
+	0% { transform: rotate(0deg); }
+	100% { transform: rotate(360deg); }
+}
+
+.loading-text {
+	color: #999;
+	font-size: 14px;
+}
+
+.no-more {
+	text-align: center;
+	color: #999;
+	font-size: 13px;
+	padding: 30px 0;
+	border-top: 1px solid #f0f0f0;
+	margin-top: 10px;
+	width: 100%;
+}
+
+/* 安全区域 */
+.safe-area {
+	height: 20px;
+	width: 100%;
+}
+
+/* 为分类项添加点击反馈 */
+.category-item:active {
+	opacity: 0.7;
+	transform: scale(0.98);
+}
+
+/* 确保分类图标在点击时有更好的视觉效果 */
+.category-icon-wrapper:active {
+	transform: scale(0.95);
+}
+
+/* 响应式适配 */
+@media screen and (max-width: 320px) {
+	.category-item {
+		width: 65px;
+		margin-right: 12px;
+	}
+	
+	.flash-grid {
+		grid-template-columns: repeat(2, 1fr);
+		gap: 10px;
+	}
+	
+	/* 限时秒杀头部适配小屏幕 */
+	.header-content {
+		flex-wrap: wrap;
+		gap: 10px;
+	}
+	
+	.countdown-wrapper {
+		order: 3;
+		width: 100%;
+		justify-content: center;
+		margin-top: 5px;
+	}
+	
+	.more-link {
+		order: 2;
+	}
+	
+	.sort-options {
+		gap: 12px;
+		font-size: 13px;
+	}
+}
+
+@media screen and (min-width: 321px) and (max-width: 375px) {
+	.category-item {
+		width: 68px;
+		margin-right: 14px;
+	}
+	
+	.flash-grid {
+		grid-template-columns: repeat(2, 1fr);
+		gap: 12px;
+	}
+	
+	.header-content {
+		flex-wrap: wrap;
+		gap: 10px;
+	}
+	
+	.countdown-wrapper {
+		order: 3;
+		width: 100%;
+		justify-content: center;
+		margin-top: 5px;
+	}
+	
+	.more-link {
+		order: 2;
+	}
+	
+	.sort-options {
+		gap: 15px;
+		font-size: 14px;
+	}
+}
+
+@media screen and (min-width: 376px) and (max-width: 414px) {
+	.category-item {
+		width: 72px;
+		margin-right: 15px;
+	}
+	
+	.flash-grid {
+		grid-template-columns: repeat(3, 1fr);
+		gap: 12px;
+	}
+	
+	.header-content {
+		flex-wrap: nowrap;
+		gap: 15px;
+	}
+	
+	.countdown-wrapper {
+		order: unset;
+		width: auto;
+		justify-content: flex-start;
+		margin-top: 0;
+	}
+	
+	.more-link {
+		order: unset;
+	}
+	
+	.sort-options {
+		gap: 18px;
+		font-size: 14px;
+	}
+}
+
+@media screen and (min-width: 415px) {
+	.category-item {
+		width: 75px;
+		margin-right: 18px;
+	}
+	
+	.flash-grid {
+		grid-template-columns: repeat(4, 1fr);
+		gap: 15px;
+	}
+	
+	.header-content {
+		flex-wrap: nowrap;
+		gap: 20px;
+	}
+	
+	.sort-options {
+		gap: 20px;
+		font-size: 14px;
+	}
+}
+
+/* 针对平板设备的适配 */
+@media screen and (min-width: 768px) {
+	.flash-grid {
+		grid-template-columns: repeat(5, 1fr);
+		gap: 16px;
+	}
+	
+	.flash-product {
+		border-radius: 12px;
+	}
+	
+	.product-image-wrapper {
+		padding-bottom: 100%;
+	}
+	
+	.sort-options {
+		gap: 25px;
+		font-size: 15px;
+	}
+}
+</style>
\ No newline at end of file
diff --git a/pages/mall/consumer/messages.uvue b/pages/mall/consumer/messages.uvue
new file mode 100644
index 00000000..a5e69b8b
--- /dev/null
+++ b/pages/mall/consumer/messages.uvue
@@ -0,0 +1,634 @@
+<!-- pages/mall/consumer/messages.uvue -->
+<template>
+    <view class="messages-page">
+        <!-- 顶部标题栏 -->
+        <view class="messages-header">
+            <text class="header-title">消息</text>
+            <view class="header-actions">
+                <text class="action-icon" @click="clearAllUnread">📝</text>
+            </view>
+        </view>
+        
+        <!-- 消息分类标签 -->
+        <view class="message-tabs">
+            <view 
+                v-for="tab in messageTabs" 
+                :key="tab.id"
+                :class="['tab-item', { active: activeTab === tab.id }]"
+                @click="switchTab(tab.id)"
+            >
+                <text class="tab-name">{{ tab.name }}</text>
+                <text v-if="tab.unread > 0" class="tab-badge">{{ tab.unread }}</text>
+            </view>
+        </view>
+        
+        <!-- 消息列表 -->
+        <scroll-view 
+            scroll-y 
+            class="messages-content"
+            refresher-enabled
+            :refresher-triggered="refreshing"
+            @refresherrefresh="onRefresh"
+        >
+            <!-- 系统通知 -->
+            <view v-if="activeTab === 'system'" class="message-section">
+                <view 
+                    v-for="message in systemMessages" 
+                    :key="message.id"
+                    :class="['message-item', { unread: !message.read }]"
+                    @click="viewSystemMessage(message)"
+                >
+                    <view class="message-icon-wrapper">
+                        <text class="message-icon">📢</text>
+                    </view>
+                    <view class="message-content">
+                        <view class="message-header">
+                            <text class="message-title">{{ message.title }}</text>
+                            <text class="message-time">{{ message.time }}</text>
+                        </view>
+                        <text class="message-preview">{{ message.content }}</text>
+                    </view>
+                </view>
+            </view>
+            
+            <!-- 订单消息 -->
+            <view v-if="activeTab === 'order'" class="message-section">
+                <view 
+                    v-for="message in orderMessages" 
+                    :key="message.id"
+                    :class="['message-item', { unread: !message.read }]"
+                    @click="viewOrderMessage(message)"
+                >
+                    <view class="message-icon-wrapper">
+                        <text class="message-icon">📦</text>
+                    </view>
+                    <view class="message-content">
+                        <view class="message-header">
+                            <text class="message-title">{{ message.title }}</text>
+                            <text class="message-time">{{ message.time }}</text>
+                        </view>
+                        <text class="message-preview">{{ message.content }}</text>
+                        <text class="order-info" v-if="message.order_no">订单号: {{ message.order_no }}</text>
+                    </view>
+                </view>
+            </view>
+            
+            <!-- 客服消息 -->
+            <view v-if="activeTab === 'service'" class="message-section">
+                <view 
+                    v-for="message in serviceMessages" 
+                    :key="message.id"
+                    :class="['message-item', { unread: !message.read }]"
+                    @click="startCustomerService(message)"
+                >
+                    <view class="message-icon-wrapper">
+                        <image 
+                            v-if="message.avatar" 
+                            class="message-avatar" 
+                            :src="message.avatar" 
+                            mode="aspectFill"
+                        />
+                        <text v-else class="message-icon">💁</text>
+                    </view>
+                    <view class="message-content">
+                        <view class="message-header">
+                            <text class="message-title">{{ message.title }}</text>
+                            <text class="message-time">{{ message.time }}</text>
+                        </view>
+                        <text class="message-preview">{{ message.content }}</text>
+                    </view>
+                </view>
+            </view>
+            
+            <!-- 优惠活动 -->
+            <view v-if="activeTab === 'promo'" class="message-section">
+                <view 
+                    v-for="message in promoMessages" 
+                    :key="message.id"
+                    :class="['message-item', { unread: !message.read }]"
+                    @click="viewPromoMessage(message)"
+                >
+                    <view class="message-icon-wrapper">
+                        <text class="message-icon">🎁</text>
+                    </view>
+                    <view class="message-content">
+                        <view class="message-header">
+                            <text class="message-title">{{ message.title }}</text>
+                            <text class="message-time">{{ message.time }}</text>
+                        </view>
+                        <text class="message-preview">{{ message.content }}</text>
+                        <view v-if="message.coupon" class="coupon-tag">
+                            <text class="coupon-text">{{ message.coupon }}优惠券</text>
+                        </view>
+                    </view>
+                </view>
+            </view>
+            
+            <!-- 空状态 -->
+            <view v-if="!loading && currentMessages.length === 0" class="empty-messages">
+                <text class="empty-icon">💬</text>
+                <text class="empty-title">暂无消息</text>
+                <text class="empty-desc">暂时没有新消息</text>
+            </view>
+        </scroll-view>
+        
+        <!-- 底部固定按钮 -->
+        <view class="floating-action">
+            <button class="action-button" @click="contactCustomerService">
+                <text class="button-icon">💁</text>
+                <text class="button-text">联系客服</text>
+            </button>
+        </view>
+    </view>
+</template>
+
+<script setup lang="uts">
+import { ref, reactive, computed, onMounted } from 'vue'
+
+// 响应式数据
+const activeTab = ref<string>('system')
+const refreshing = ref<boolean>(false)
+const loading = ref<boolean>(false)
+const unreadCount = ref<number>(5)
+
+// 消息分类标签
+const messageTabs = reactive([
+    { id: 'system', name: '系统通知', unread: 3 },
+    { id: 'order', name: '订单消息', unread: 2 },
+    { id: 'service', name: '客服消息', unread: 0 },
+    { id: 'promo', name: '优惠活动', unread: 1 }
+])
+
+// Mock 系统通知数据
+const systemMessages = reactive([
+    {
+        id: 'sys001',
+        title: '系统维护通知',
+        content: '平台将于今晚23:00-01:00进行系统维护，届时部分功能可能无法使用。',
+        time: '2023-11-23 15:30',
+        read: false,
+        type: 'system'
+    },
+    {
+        id: 'sys002',
+        title: '隐私政策更新',
+        content: '我们已更新隐私政策，请查阅相关条款。',
+        time: '2023-11-22 10:15',
+        read: true,
+        type: 'system'
+    },
+    {
+        id: 'sys003',
+        title: '账户安全提醒',
+        content: '检测到您的账户在异地登录，如果不是您本人操作，请及时修改密码。',
+        time: '2023-11-21 18:45',
+        read: false,
+        type: 'system'
+    }
+])
+
+// Mock 订单消息数据
+const orderMessages = reactive([
+    {
+        id: 'order001',
+        title: '订单发货通知',
+        content: '您的订单202311230001已发货，点击查看物流信息。',
+        time: '2023-11-23 14:20',
+        read: false,
+        type: 'order',
+        order_no: '202311230001'
+    },
+    {
+        id: 'order002',
+        title: '订单支付成功',
+        content: '您的订单202311220001支付成功，商家正在备货中。',
+        time: '2023-11-22 09:30',
+        read: false,
+        type: 'order',
+        order_no: '202311220001'
+    },
+    {
+        id: 'order003',
+        title: '订单确认收货',
+        content: '您的订单202311210001已完成，期待您的评价。',
+        time: '2023-11-21 16:15',
+        read: true,
+        type: 'order',
+        order_no: '202311210001'
+    }
+])
+
+// Mock 客服消息数据
+const serviceMessages = reactive([
+    {
+        id: 'service001',
+        title: '在线客服',
+        content: '您好，有什么可以帮助您的吗？',
+        time: '2023-11-23 10:05',
+        read: true,
+        type: 'service',
+        avatar: 'https://picsum.photos/50/50?random=1'
+    },
+    {
+        id: 'service002',
+        title: '售后客服',
+        content: '关于您申请的退款，已处理完成。',
+        time: '2023-11-22 15:20',
+        read: true,
+        type: 'service',
+        avatar: 'https://picsum.photos/50/50?random=2'
+    }
+])
+
+// Mock 优惠活动数据
+const promoMessages = reactive([
+    {
+        id: 'promo001',
+        title: '新人专享券',
+        content: '您有一张新人专享优惠券已到账，有效期3天。',
+        time: '2023-11-23 08:00',
+        read: false,
+        type: 'promo',
+        coupon: '50元'
+    },
+    {
+        id: 'promo002',
+        title: '双11大促',
+        content: '双11狂欢购物节，全场满300减50。',
+        time: '2023-11-22 12:30',
+        read: true,
+        type: 'promo',
+        coupon: '满300减50'
+    }
+])
+
+// 计算当前显示的消息
+const currentMessages = computed(() => {
+    switch (activeTab.value) {
+        case 'system': return systemMessages
+        case 'order': return orderMessages
+        case 'service': return serviceMessages
+        case 'promo': return promoMessages
+        default: return []
+    }
+})
+
+// 生命周期
+onMounted(() => {
+    loadMessages()
+})
+
+// 加载消息
+const loadMessages = () => {
+    loading.value = true
+    setTimeout(() => {
+        // 这里应该调用API获取消息数据
+        loading.value = false
+    }, 800)
+}
+
+// 切换标签
+const switchTab = (tabId: string) => {
+    activeTab.value = tabId
+}
+
+// 查看系统消息
+const viewSystemMessage = (message: any) => {
+    message.read = true
+    uni.navigateTo({
+        url: `/pages/mall/consumer/message-detail?id=${message.id}&type=system`
+    })
+}
+
+// 查看订单消息
+const viewOrderMessage = (message: any) => {
+    message.read = true
+    uni.navigateTo({
+        url: `/pages/mall/consumer/order-detail?id=${message.order_no}`
+    })
+}
+
+// 联系客服
+const startCustomerService = (message: any) => {
+    uni.navigateTo({
+        url: '/pages/mall/consumer/chat'
+    })
+}
+
+// 查看优惠活动
+const viewPromoMessage = (message: any) => {
+    message.read = true
+    uni.navigateTo({
+        url: `/pages/mall/consumer/coupons`
+    })
+}
+
+// 联系客服
+const contactCustomerService = () => {
+    uni.navigateTo({
+        url: '/pages/mall/consumer/chat'
+    })
+}
+
+// 清除所有未读
+const clearAllUnread = () => {
+    uni.showModal({
+        title: '确认操作',
+        content: '确定要标记所有消息为已读吗？',
+        success: (res) => {
+            if (res.confirm) {
+                // 标记所有消息为已读
+                systemMessages.forEach(msg => msg.read = true)
+                orderMessages.forEach(msg => msg.read = true)
+                serviceMessages.forEach(msg => msg.read = true)
+                promoMessages.forEach(msg => msg.read = true)
+                
+                // 更新标签未读数
+                messageTabs.forEach(tab => tab.unread = 0)
+                
+                uni.showToast({
+                    title: '已标记所有消息为已读',
+                    icon: 'success'
+                })
+            }
+        }
+    })
+}
+
+// 下拉刷新
+const onRefresh = () => {
+    refreshing.value = true
+    setTimeout(() => {
+        loadMessages()
+        refreshing.value = false
+        uni.showToast({
+            title: '刷新成功',
+            icon: 'success'
+        })
+    }, 1000)
+}
+</script>
+
+<style>
+.messages-page {
+    width: 100%;
+    height: 100vh;
+    background-color: #f5f5f5;
+    display: flex;
+    flex-direction: column;
+}
+
+/* 头部 */
+.messages-header {
+    background-color: white;
+    padding: 15px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    border-bottom: 1px solid #eee;
+}
+
+.header-title {
+    font-size: 18px;
+    font-weight: bold;
+    color: #333;
+}
+
+.header-actions .action-icon {
+    font-size: 20px;
+    color: #666;
+}
+
+/* 消息分类标签 */
+.message-tabs {
+    background-color: white;
+    display: flex;
+    padding: 0 15px;
+    border-bottom: 1px solid #eee;
+}
+
+.tab-item {
+    flex: 1;
+    padding: 15px 5px;
+    text-align: center;
+    position: relative;
+    border-bottom: 2px solid transparent;
+}
+
+.tab-item.active {
+    color: #ff5000;
+    border-bottom-color: #ff5000;
+    font-weight: bold;
+}
+
+.tab-name {
+    font-size: 14px;
+}
+
+.tab-badge {
+    position: absolute;
+    top: 8px;
+    right: 8px;
+    background-color: #ff5000;
+    color: white;
+    font-size: 10px;
+    padding: 2px 6px;
+    border-radius: 10px;
+    min-width: 16px;
+    text-align: center;
+}
+
+/* 消息内容区 */
+.messages-content {
+    flex: 1;
+    padding-bottom: 80px; /* 为底部按钮留出空间 */
+}
+
+/* 消息项 */
+.message-section {
+    padding: 10px;
+}
+
+.message-item {
+    background-color: white;
+    border-radius: 10px;
+    padding: 15px;
+    margin-bottom: 10px;
+    display: flex;
+    align-items: flex-start;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+}
+
+.message-item.unread {
+    background-color: #fff8f6;
+    border-left: 3px solid #ff5000;
+}
+
+.message-icon-wrapper {
+    width: 50px;
+    height: 50px;
+    border-radius: 25px;
+    background-color: #f5f5f5;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-right: 15px;
+    flex-shrink: 0;
+}
+
+.message-icon {
+    font-size: 24px;
+}
+
+.message-avatar {
+    width: 50px;
+    height: 50px;
+    border-radius: 25px;
+}
+
+.message-content {
+    flex: 1;
+}
+
+.message-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    margin-bottom: 8px;
+}
+
+.message-title {
+    font-size: 16px;
+    color: #333;
+    font-weight: bold;
+    flex: 1;
+    margin-right: 10px;
+}
+
+.message-time {
+    font-size: 12px;
+    color: #999;
+    white-space: nowrap;
+}
+
+.message-preview {
+    font-size: 14px;
+    color: #666;
+    line-height: 1.4;
+    margin-bottom: 8px;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+
+.order-info {
+    font-size: 12px;
+    color: #ff5000;
+    background-color: #fff0e8;
+    padding: 3px 8px;
+    border-radius: 4px;
+    display: inline-block;
+}
+
+.coupon-tag {
+    display: inline-block;
+    background-color: #ff5000;
+    color: white;
+    font-size: 12px;
+    padding: 4px 10px;
+    border-radius: 12px;
+    margin-top: 5px;
+}
+
+.coupon-text {
+    font-size: 12px;
+}
+
+/* 空状态 */
+.empty-messages {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 80px 20px;
+    text-align: center;
+}
+
+.empty-icon {
+    font-size: 80px;
+    color: #ddd;
+    margin-bottom: 20px;
+}
+
+.empty-title {
+    font-size: 18px;
+    color: #666;
+    margin-bottom: 10px;
+}
+
+.empty-desc {
+    font-size: 14px;
+    color: #999;
+}
+
+/* 底部浮动按钮 */
+.floating-action {
+    position: fixed;
+    bottom: 20px;
+    right: 20px;
+    z-index: 100;
+}
+
+.action-button {
+    background: linear-gradient(135deg, #ff5000, #ff9500);
+    color: white;
+    border: none;
+    border-radius: 25px;
+    padding: 12px 20px;
+    display: flex;
+    align-items: center;
+    box-shadow: 0 4px 12px rgba(255, 80, 0, 0.3);
+}
+
+.button-icon {
+    font-size: 18px;
+    margin-right: 8px;
+}
+
+.button-text {
+    font-size: 14px;
+    font-weight: bold;
+}
+
+/* 响应式适配 */
+@media screen and (max-width: 320px) {
+    .tab-name {
+        font-size: 12px;
+    }
+    
+    .message-title {
+        font-size: 14px;
+    }
+    
+    .message-preview {
+        font-size: 13px;
+    }
+}
+
+@media screen and (min-width: 415px) {
+    .message-item {
+        padding: 20px;
+    }
+    
+    .message-icon-wrapper {
+        width: 60px;
+        height: 60px;
+        border-radius: 30px;
+    }
+    
+    .message-icon {
+        font-size: 28px;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/pages/mall/consumer/orders - 副本.uvue b/pages/mall/consumer/orders - 副本.uvue
new file mode 100644
index 00000000..e4c08188
--- /dev/null
+++ b/pages/mall/consumer/orders - 副本.uvue	
@@ -0,0 +1,1011 @@
+<!-- 订单列表页面 -->
+<template>
+	<view class="orders-page">
+		<!-- 顶部栏 -->
+		<view class="orders-header">
+			<view class="header-title">
+				<text class="title-text">我的订单</text>
+			</view>
+		</view>
+
+		<!-- 订单状态标签页 -->
+		<view class="order-tabs">
+			<view :class="['order-tab', { active: activeTab === 'all' }]" @click="changeTab('all')">
+				<text class="tab-text">全部</text>
+			</view>
+			<view :class="['order-tab', { active: activeTab === 'pending' }]" @click="changeTab('pending')">
+				<text class="tab-text">待支付</text>
+				<text v-if="tabBadges.pending > 0" class="tab-badge">{{ tabBadges.pending }}</text>
+			</view>
+			<view :class="['order-tab', { active: activeTab === 'shipping' }]" @click="changeTab('shipping')">
+				<text class="tab-text">待发货</text>
+				<text v-if="tabBadges.shipping > 0" class="tab-badge">{{ tabBadges.shipping }}</text>
+			</view>
+			<view :class="['order-tab', { active: activeTab === 'receiving' }]" @click="changeTab('receiving')">
+				<text class="tab-text">待收货</text>
+				<text v-if="tabBadges.receiving > 0" class="tab-badge">{{ tabBadges.receiving }}</text>
+			</view>
+			<view :class="['order-tab', { active: activeTab === 'review' }]" @click="changeTab('review')">
+				<text class="tab-text">待评价</text>
+				<text v-if="tabBadges.review > 0" class="tab-badge">{{ tabBadges.review }}</text>
+			</view>
+		</view>
+
+		<!-- 订单列表 -->
+		<scroll-view class="orders-list" scroll-y @scrolltolower="loadMore">
+			<!-- 订单为空 -->
+			<view v-if="orders.length === 0 && !isLoading" class="empty-orders">
+				<text class="empty-icon">📦</text>
+				<text class="empty-text">暂无订单</text>
+				<text class="empty-subtext">去逛逛吧，有惊喜在等你</text>
+				<button class="go-shopping-btn" @click="goShopping">去逛逛</button>
+			</view>
+
+			<!-- 订单项 -->
+			<view v-for="order in orders" :key="order.id" class="order-item">
+				<!-- 订单头部 -->
+				<view class="order-header">
+					<text class="order-no">订单号: {{ order.order_no }}</text>
+					<text :class="['order-status', getStatusClass(order.status)]">
+						{{ getStatusText(order.status) }}
+					</text>
+				</view>
+
+				<!-- 订单商品 -->
+				<view class="order-products" @click="viewOrderDetail(order)">
+					<view v-for="(item, index) in order.items" :key="index" class="product-item">
+						<image class="product-image" :src="item.product_image || '/static/default-product.png'" />
+						<view class="product-info">
+							<text class="product-name">{{ item.product_name }}</text>
+							<text v-if="item.sku_specifications" class="product-spec">
+								{{ getSpecText(item.sku_specifications) }}
+							</text>
+							<view class="product-price-row">
+								<text class="product-price">¥{{ item.price }}</text>
+								<text class="product-quantity">×{{ item.quantity }}</text>
+							</view>
+						</view>
+					</view>
+				</view>
+
+				<!-- 订单信息 -->
+				<view class="order-info">
+					<text class="order-time">{{ formatTime(order.created_at) }}</text>
+					<view class="order-total">
+						共{{ getTotalQuantity(order.items) }}件商品 合计:
+						<text class="total-amount">¥{{ order.actual_amount }}</text>
+					</view>
+				</view>
+
+				<!-- 订单操作 -->
+				<view class="order-actions">
+					<button v-if="order.status === 1" 
+									class="action-btn pay" 
+									@click="payOrder(order)">
+						立即支付
+					</button>
+					<button v-if="order.status === 1" 
+									class="action-btn cancel" 
+									@click="cancelOrder(order)">
+						取消订单
+					</button>
+					<button v-if="order.status === 2" 
+									class="action-btn remind" 
+									@click="remindShipment(order)">
+						提醒发货
+					</button>
+					<button v-if="order.status === 3" 
+									class="action-btn confirm" 
+									@click="confirmReceipt(order)">
+						确认收货
+					</button>
+					<button v-if="order.status === 4" 
+									class="action-btn review" 
+									@click="goToReview(order)">
+						评价
+					</button>
+					<button v-if="order.status === 4 || order.status === 5" 
+									class="action-btn delete" 
+									@click="deleteOrder(order)">
+						删除订单
+					</button>
+					<button v-if="order.status === 4" 
+									class="action-btn rebuy" 
+									@click="reBuy(order)">
+						再次购买
+					</button>
+					<button class="action-btn service" @click="contactService(order)">
+						联系客服
+					</button>
+				</view>
+			</view>
+
+			<!-- 加载更多 -->
+			<view v-if="isLoading" class="loading-more">
+				<text class="loading-text">加载中...</text>
+			</view>
+			<view v-if="!hasMore && orders.length > 0" class="no-more">
+				<text class="no-more-text">没有更多订单了</text>
+			</view>
+		</scroll-view>
+
+		<!-- 底部导航 -->
+		<view class="bottom-navigation">
+			<view class="nav-item" @click="goToHome">
+				<text class="nav-icon">🏠</text>
+				<text class="nav-text">首页</text>
+			</view>
+			<view class="nav-item" @click="goToCategory">
+				<text class="nav-icon">📂</text>
+				<text class="nav-text">分类</text>
+			</view>
+			<view class="nav-item active">
+				<text class="nav-icon">📦</text>
+				<text class="nav-text">订单</text>
+			</view>
+			<view class="nav-item" @click="goToProfile">
+				<text class="nav-icon">👤</text>
+				<text class="nav-text">我的</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup lang="uts">
+import { ref, onMounted, watch } from 'vue'
+import type { OrderType } from '@/types/mall-types.uts'
+import supa from '@/components/supadb/aksupainstance.uts'
+
+type OrderItemType = {
+	id: string
+	product_id: string
+	product_name: string
+	product_image: string
+	sku_specifications: any
+	price: number
+	quantity: number
+}
+
+type FullOrderType = OrderType & {
+	items: Array<OrderItemType>
+}
+
+type TabBadgesType = {
+	pending: number
+	shipping: number
+	receiving: number
+	review: number
+}
+
+const activeTab = ref<string>('all')
+const orders = ref<Array<FullOrderType>>([])
+const tabBadges = ref<TabBadgesType>({
+	pending: 0,
+	shipping: 0,
+	receiving: 0,
+	review: 0
+})
+const isLoading = ref<boolean>(false)
+const currentPage = ref<number>(1)
+const pageSize = ref<number>(10)
+const hasMore = ref<boolean>(true)
+
+// 监听标签页变化
+watch(activeTab, () => {
+	loadOrders()
+})
+
+// 生命周期
+onMounted(() => {
+	loadOrderCounts()
+	loadOrders()
+})
+
+// 加载订单数量统计
+const loadOrderCounts = async () => {
+	const userId = getCurrentUserId()
+	if (!userId) return
+
+	try {
+		// 待支付
+		const { count: pendingCount, error: pendingError } = await supa
+			.from('orders')
+			.select('*', { count: 'exact' })
+			.eq('user_id', userId)
+			.eq('status', 1)
+
+		if (!pendingError) {
+			tabBadges.value.pending = pendingCount || 0
+		}
+
+		// 待发货
+		const { count: shippingCount, error: shippingError } = await supa
+			.from('orders')
+			.select('*', { count: 'exact' })
+			.eq('user_id', userId)
+			.eq('status', 2)
+
+		if (!shippingError) {
+			tabBadges.value.shipping = shippingCount || 0
+		}
+
+		// 待收货
+		const { count: receivingCount, error: receivingError } = await supa
+			.from('orders')
+			.select('*', { count: 'exact' })
+			.eq('user_id', userId)
+			.eq('status', 3)
+
+		if (!receivingError) {
+			tabBadges.value.receiving = receivingCount || 0
+		}
+
+		// 待评价
+		const { count: reviewCount, error: reviewError } = await supa
+			.from('orders')
+			.select('*', { count: 'exact' })
+			.eq('user_id', userId)
+			.eq('status', 4)
+
+		if (!reviewError) {
+			tabBadges.value.review = reviewCount || 0
+		}
+	} catch (err) {
+		console.error('加载订单统计异常:', err)
+	}
+}
+
+// 加载订单列表
+const loadOrders = async (loadMore: boolean = false) => {
+	const userId = getCurrentUserId()
+	if (!userId) {
+		uni.showToast({
+			title: '请先登录',
+			icon: 'none'
+		})
+		uni.navigateTo({
+			url: '/pages/user/login'
+		})
+		return
+	}
+
+	if (isLoading.value || (!hasMore.value && loadMore)) {
+		return
+	}
+
+	isLoading.value = true
+
+	try {
+		const page = loadMore ? currentPage.value + 1 : 1
+		
+		// 构建查询条件
+		let query = supa
+			.from('orders')
+			.select(`
+				*,
+				order_items (
+					id,
+					product_id,
+					product_name,
+					sku_specifications,
+					price,
+					quantity
+				)
+			`)
+			.eq('user_id', userId)
+			.order('created_at', { ascending: false })
+
+		// 根据标签页过滤
+		switch (activeTab.value) {
+			case 'pending':
+				query = query.eq('status', 1)
+				break
+			case 'shipping':
+				query = query.eq('status', 2)
+				break
+			case 'receiving':
+				query = query.eq('status', 3)
+				break
+			case 'review':
+				query = query.eq('status', 4)
+				break
+		}
+
+		// 分页
+		query = query.range((page - 1) * pageSize.value, page * pageSize.value - 1)
+
+		const { data, error } = await query
+
+		if (error !== null) {
+			console.error('加载订单失败:', error)
+			return
+		}
+
+		const newOrders = data ?? []
+		
+		// 处理订单数据，补充商品图片等信息
+		const processedOrders = await processOrderData(newOrders)
+
+		if (loadMore) {
+			for (let i = 0; i < processedOrders.length; i++) {
+				orders.value.push(processedOrders[i])
+			}
+			currentPage.value = page
+		} else {
+			orders.value = processedOrders
+			currentPage.value = 1
+		}
+
+		hasMore.value = newOrders.length === pageSize.value
+	} catch (err) {
+		console.error('加载订单异常:', err)
+	} finally {
+		isLoading.value = false
+	}
+}
+
+// 处理订单数据
+const processOrderData = async (orders: any[]): Promise<FullOrderType[]> => {
+	const processed: FullOrderType[] = []
+	
+	for (let i = 0; i < orders.length; i++) {
+		const order = orders[i]
+		const orderItems = order.order_items || []
+		
+		// 为每个商品项加载图片
+		const itemsWithImages = await Promise.all(
+			orderItems.map(async (item: any) => {
+				const productImage = await getProductImage(item.product_id)
+				return {
+					...item,
+					product_image: productImage
+				}
+			})
+		)
+
+		processed.push({
+			...order,
+			items: itemsWithImages
+		})
+	}
+
+	return processed
+}
+
+// 获取商品图片
+const getProductImage = async (productId: string): Promise<string> => {
+	try {
+		const { data, error } = await supa
+			.from('products')
+			.select('images')
+			.eq('id', productId)
+			.single()
+
+		if (error !== null) {
+			console.error('获取商品图片失败:', error)
+			return '/static/default-product.png'
+		}
+
+		return data?.images?.[0] || '/static/default-product.png'
+	} catch (err) {
+		console.error('获取商品图片异常:', err)
+		return '/static/default-product.png'
+	}
+}
+
+// 获取当前用户ID
+const getCurrentUserId = (): string | null => {
+	const userStore = uni.getStorageSync('userInfo')
+	return userStore?.id || null
+}
+
+// 获取状态文本
+const getStatusText = (status: number): string => {
+	const statusMap: Record<number, string> = {
+		1: '待支付',
+		2: '待发货',
+		3: '待收货',
+		4: '已完成',
+		5: '已取消'
+	}
+	return statusMap[status] || '未知状态'
+}
+
+// 获取状态样式类
+const getStatusClass = (status: number): string => {
+	const classMap: Record<number, string> = {
+		1: 'status-pending',
+		2: 'status-shipping',
+		3: 'status-receiving',
+		4: 'status-completed',
+		5: 'status-cancelled'
+	}
+	return classMap[status] || 'status-unknown'
+}
+
+// 获取规格文本
+const getSpecText = (specs: any): string => {
+	if (!specs) return ''
+	if (typeof specs === 'object') {
+		return Object.keys(specs)
+			.map(key => `${key}: ${specs[key]}`)
+			.join('; ')
+	}
+	return String(specs)
+}
+
+// 格式化时间
+const formatTime = (timeStr: string): string => {
+	const date = new Date(timeStr)
+	const year = date.getFullYear()
+	const month = (date.getMonth() + 1).toString().padStart(2, '0')
+	const day = date.getDate().toString().padStart(2, '0')
+	const hour = date.getHours().toString().padStart(2, '0')
+	const minute = date.getMinutes().toString().padStart(2, '0')
+	return `${year}-${month}-${day} ${hour}:${minute}`
+}
+
+// 计算商品总数
+const getTotalQuantity = (items: OrderItemType[]): number => {
+	return items.reduce((total, item) => total + item.quantity, 0)
+}
+
+// 标签页切换
+const changeTab = (tab: string) => {
+	activeTab.value = tab
+}
+
+// 加载更多
+const loadMore = () => {
+	if (hasMore.value && !isLoading.value) {
+		loadOrders(true)
+	}
+}
+
+// 查看订单详情
+const viewOrderDetail = (order: FullOrderType) => {
+	uni.navigateTo({
+		url: `/pages/mall/consumer/order-detail?id=${order.id}`
+	})
+}
+
+// 支付订单
+const payOrder = (order: FullOrderType) => {
+	uni.navigateTo({
+		url: `/pages/mall/consumer/payment?orderId=${order.id}&amount=${order.actual_amount}`
+	})
+}
+
+// 取消订单
+const cancelOrder = async (order: FullOrderType) => {
+	uni.showModal({
+		title: '取消订单',
+		content: '确定要取消这个订单吗？',
+		success: async (res) => {
+			if (res.confirm) {
+				try {
+					const { error } = await supa
+						.from('orders')
+						.update({ status: 5 })
+						.eq('id', order.id)
+
+					if (error !== null) {
+						console.error('取消订单失败:', error)
+						uni.showToast({
+							title: '取消失败',
+							icon: 'none'
+						})
+						return
+					}
+
+					order.status = 5
+					loadOrderCounts() // 重新加载统计
+					
+					uni.showToast({
+						title: '订单已取消',
+						icon: 'success'
+					})
+				} catch (err) {
+					console.error('取消订单异常:', err)
+				}
+			}
+		}
+	})
+}
+
+// 提醒发货
+const remindShipment = (order: FullOrderType) => {
+	uni.showToast({
+		title: '已提醒商家发货',
+		icon: 'success'
+	})
+}
+
+// 确认收货
+const confirmReceipt = async (order: FullOrderType) => {
+	uni.showModal({
+		title: '确认收货',
+		content: '确认已收到商品吗？',
+		success: async (res) => {
+			if (res.confirm) {
+				try {
+					const { error } = await supa
+						.from('orders')
+						.update({ status: 4 })
+						.eq('id', order.id)
+
+					if (error !== null) {
+						console.error('确认收货失败:', error)
+						uni.showToast({
+							title: '确认失败',
+							icon: 'none'
+						})
+						return
+					}
+
+					order.status = 4
+					loadOrderCounts() // 重新加载统计
+					
+					uni.showToast({
+						title: '确认收货成功',
+						icon: 'success'
+					})
+				} catch (err) {
+					console.error('确认收货异常:', err)
+				}
+			}
+		}
+	})
+}
+
+// 去评价
+const goToReview = (order: FullOrderType) => {
+	uni.navigateTo({
+		url: `/pages/mall/consumer/review?orderId=${order.id}`
+	})
+}
+
+// 删除订单
+const deleteOrder = async (order: FullOrderType) => {
+	uni.showModal({
+		title: '删除订单',
+		content: '确定要删除这个订单吗？删除后将无法恢复',
+		success: async (res) => {
+			if (res.confirm) {
+				try {
+					const { error } = await supa
+						.from('orders')
+						.delete()
+						.eq('id', order.id)
+
+					if (error !== null) {
+						console.error('删除订单失败:', error)
+						uni.showToast({
+							title: '删除失败',
+							icon: 'none'
+						})
+						return
+					}
+
+					const index = orders.value.findIndex(o => o.id === order.id)
+					if (index !== -1) {
+						orders.value.splice(index, 1)
+						orders.value = [...orders.value]
+					}
+					
+					uni.showToast({
+						title: '删除成功',
+						icon: 'success'
+					})
+				} catch (err) {
+					console.error('删除订单异常:', err)
+				}
+			}
+		}
+	})
+}
+
+// 再次购买
+const reBuy = async (order: FullOrderType) => {
+	// 将订单商品加入购物车
+	const userId = getCurrentUserId()
+	if (!userId) return
+
+	try {
+		const addPromises = order.items.map(item =>
+			supa
+				.from('shopping_cart')
+				.upsert({
+					user_id: userId,
+					product_id: item.product_id,
+					sku_id: null, // 这里需要获取SKU ID
+					quantity: item.quantity
+				})
+		)
+
+		await Promise.all(addPromises)
+		
+		uni.showToast({
+			title: '已加入购物车',
+			icon: 'success'
+		})
+	} catch (err) {
+		console.error('再次购买异常:', err)
+		uni.showToast({
+			title: '操作失败',
+			icon: 'none'
+		})
+	}
+}
+
+// 联系客服
+const contactService = (order: FullOrderType) => {
+	uni.navigateTo({
+		url: `/pages/mall/service/chat?orderId=${order.id}`
+	})
+}
+
+// 去逛逛
+const goShopping = () => {
+	uni.switchTab({
+		url: '/pages/mall/consumer/index'
+	})
+}
+
+// 导航方法
+const goToHome = () => {
+	uni.switchTab({
+		url: '/pages/mall/consumer/index'
+	})
+}
+
+const goToCategory = () => {
+	uni.switchTab({
+		url: '/pages/mall/consumer/category'
+	})
+}
+
+const goToProfile = () => {
+	uni.switchTab({
+		url: '/pages/mall/consumer/profile'
+	})
+}
+</script>
+
+<style scoped>
+.orders-page {
+	display: flex;
+	flex-direction: column;
+	height: 100vh;
+	background-color: #f5f5f5;
+}
+
+.orders-header {
+	background-color: #ffffff;
+	padding: 15px;
+	border-bottom: 1px solid #e5e5e5;
+}
+
+.header-title {
+	text-align: center;
+}
+
+.title-text {
+	font-size: 18px;
+	font-weight: bold;
+	color: #333333;
+}
+
+.order-tabs {
+	background-color: #ffffff;
+	display: flex;
+	overflow-x: auto;
+	white-space: nowrap;
+	border-bottom: 1px solid #e5e5e5;
+}
+
+.order-tab {
+	flex: 1;
+	min-width: 80px;
+	padding: 15px 10px;
+	text-align: center;
+	position: relative;
+}
+
+.order-tab.active {
+	color: #007aff;
+	border-bottom: 2px solid #007aff;
+}
+
+.tab-text {
+	font-size: 14px;
+	color: #666666;
+}
+
+.order-tab.active .tab-text {
+	color: #007aff;
+	font-weight: bold;
+}
+
+.tab-badge {
+	position: absolute;
+	top: 8px;
+	right: 5px;
+	background-color: #ff4757;
+	color: #ffffff;
+	font-size: 10px;
+	padding: 2px 5px;
+	border-radius: 8px;
+	min-width: 16px;
+	text-align: center;
+}
+
+.orders-list {
+	flex: 1;
+}
+
+.empty-orders {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	padding: 80px 20px;
+	background-color: #ffffff;
+}
+
+.empty-icon {
+	font-size: 80px;
+	margin-bottom: 20px;
+}
+
+.empty-text {
+	font-size: 16px;
+	color: #666666;
+	margin-bottom: 10px;
+}
+
+.empty-subtext {
+	font-size: 14px;
+	color: #999999;
+	margin-bottom: 30px;
+}
+
+.go-shopping-btn {
+	background-color: #007aff;
+	color: #ffffff;
+	padding: 10px 40px;
+	border-radius: 25px;
+	font-size: 14px;
+	border: none;
+}
+
+.order-item {
+	background-color: #ffffff;
+	margin-bottom: 10px;
+	padding: 15px;
+}
+
+.order-header {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	margin-bottom: 15px;
+	padding-bottom: 10px;
+	border-bottom: 1px solid #f5f5f5;
+}
+
+.order-no {
+	font-size: 14px;
+	color: #333333;
+}
+
+.order-status {
+	font-size: 14px;
+	padding: 4px 10px;
+	border-radius: 12px;
+}
+
+.status-pending {
+	background-color: #ffa726;
+	color: #ffffff;
+}
+
+.status-shipping {
+	background-color: #2196f3;
+	color: #ffffff;
+}
+
+.status-receiving {
+	background-color: #9c27b0;
+	color: #ffffff;
+}
+
+.status-completed {
+	background-color: #4caf50;
+	color: #ffffff;
+}
+
+.status-cancelled {
+	background-color: #9e9e9e;
+	color: #ffffff;
+}
+
+.order-products {
+	margin-bottom: 15px;
+}
+
+.product-item {
+	display: flex;
+	margin-bottom: 10px;
+}
+
+.product-item:last-child {
+	margin-bottom: 0;
+}
+
+.product-image {
+	width: 60px;
+	height: 60px;
+	border-radius: 5px;
+	margin-right: 10px;
+}
+
+.product-info {
+	flex: 1;
+}
+
+.product-name {
+	font-size: 13px;
+	color: #333333;
+	line-height: 1.4;
+	margin-bottom: 5px;
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 2;
+	overflow: hidden;
+}
+
+.product-spec {
+	font-size: 12px;
+	color: #999999;
+	margin-bottom: 5px;
+}
+
+.product-price-row {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.product-price {
+	font-size: 14px;
+	color: #ff4757;
+	font-weight: bold;
+}
+
+.product-quantity {
+	font-size: 12px;
+	color: #666666;
+}
+
+.order-info {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	margin-bottom: 15px;
+	padding-top: 10px;
+	border-top: 1px solid #f5f5f5;
+}
+
+.order-time {
+	font-size: 12px;
+	color: #999999;
+}
+
+.order-total {
+	font-size: 14px;
+	color: #333333;
+}
+
+.total-amount {
+	font-size: 16px;
+	color: #ff4757;
+	font-weight: bold;
+	margin-left: 5px;
+}
+
+.order-actions {
+	display: flex;
+	justify-content: flex-end;
+	gap: 10px;
+	flex-wrap: wrap;
+}
+
+.action-btn {
+	padding: 8px 15px;
+	border-radius: 15px;
+	font-size: 12px;
+	border: 1px solid;
+	background-color: #ffffff;
+}
+
+.action-btn.pay {
+	border-color: #ff4757;
+	color: #ff4757;
+}
+
+.action-btn.cancel {
+	border-color: #666666;
+	color: #666666;
+}
+
+.action-btn.remind {
+	border-color: #2196f3;
+	color: #2196f3;
+}
+
+.action-btn.confirm {
+	border-color: #4caf50;
+	color: #4caf50;
+}
+
+.action-btn.review {
+	border-color: #ffa726;
+	color: #ffa726;
+}
+
+.action-btn.delete {
+	border-color: #9e9e9e;
+	color: #9e9e9e;
+}
+
+.action-btn.rebuy {
+	border-color: #007aff;
+	color: #007aff;
+}
+
+.action-btn.service {
+	border-color: #9c27b0;
+	color: #9c27b0;
+}
+
+.loading-more,
+.no-more {
+	padding: 20px;
+	text-align: center;
+	background-color: #ffffff;
+}
+
+.loading-text,
+.no-more-text {
+	color: #999999;
+	font-size: 14px;
+}
+
+.bottom-navigation {
+	background-color: #ffffff;
+	border-top: 1px solid #e5e5e5;
+	display: flex;
+	padding: 10px 0;
+}
+
+.nav-item {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}
+
+.nav-item.active {
+	color: #007aff;
+}
+
+.nav-icon {
+	font-size: 20px;
+	margin-bottom: 2px;
+}
+
+.nav-text {
+	font-size: 10px;
+}
+</style>
\ No newline at end of file
diff --git a/pages/mall/consumer/orders.uvue b/pages/mall/consumer/orders.uvue
new file mode 100644
index 00000000..a13a15be
--- /dev/null
+++ b/pages/mall/consumer/orders.uvue
@@ -0,0 +1,908 @@
+<!-- pages/mall/consumer/orders.uvue -->
+<template>
+    <view class="orders-page">
+        <!-- 顶部标题栏 -->
+        <view class="orders-header">
+            <text class="header-title">我的订单</text>
+            <view class="header-actions">
+                <text class="search-icon" @click="navigateToSearch">🔍</text>
+            </view>
+        </view>
+        
+        <!-- 订单状态筛选 -->
+        <view class="order-tabs">
+            <scroll-view scroll-x class="tab-scroll" :show-scrollbar="false">
+                <view class="tab-container">
+                    <view 
+                        v-for="tab in orderTabs" 
+                        :key="tab.id"
+                        :class="['tab-item', { active: activeTab === tab.id }]"
+                        @click="switchTab(tab.id)"
+                    >
+                        <text class="tab-name">{{ tab.name }}</text>
+                        <text v-if="tab.count > 0" class="tab-count">{{ tab.count }}</text>
+                    </view>
+                </view>
+            </scroll-view>
+        </view>
+        
+        <!-- 订单列表 -->
+        <scroll-view 
+            scroll-y 
+            class="orders-content"
+            refresher-enabled
+            :refresher-triggered="refreshing"
+            @refresherrefresh="onRefresh"
+            @scrolltolower="loadMore"
+        >
+            <!-- 空状态 -->
+            <view v-if="!loading && orders.length === 0" class="empty-orders">
+                <text class="empty-icon">📦</text>
+                <text class="empty-title">暂无订单</text>
+                <text class="empty-desc">去逛逛，发现心仪的商品</text>
+                <button class="go-shopping-btn" @click="goShopping">去逛逛</button>
+            </view>
+            
+            <!-- 订单列表 -->
+            <view v-else class="order-list">
+                <view 
+                    v-for="order in orders" 
+                    :key="order.id"
+                    class="order-card"
+                >
+                    <!-- 订单头部 -->
+                    <view class="order-header">
+                        <text class="order-no">订单号：{{ order.order_no }}</text>
+                        <text :class="['order-status', getStatusClass(order.status)]">
+                            {{ getStatusText(order.status) }}
+                        </text>
+                    </view>
+                    
+                    <!-- 订单商品 -->
+                    <view class="order-products">
+                        <view 
+                            v-for="product in order.products" 
+                            :key="product.id"
+                            class="order-product"
+                            @click="navigateToProduct(product)"
+                        >
+                            <image 
+                                class="product-image" 
+                                :src="product.image" 
+                                mode="aspectFill"
+                            />
+                            <view class="product-info">
+                                <text class="product-name">{{ product.name }}</text>
+                                <text class="product-spec">{{ product.spec }}</text>
+                                <view class="product-footer">
+                                    <text class="product-price">¥{{ product.price }}</text>
+                                    <text class="product-quantity">×{{ product.quantity }}</text>
+                                </view>
+                            </view>
+                        </view>
+                    </view>
+                    
+                    <!-- 订单信息 -->
+                    <view class="order-info">
+                        <view class="info-row">
+                            <text class="info-label">商品合计</text>
+                            <text class="info-value">¥{{ order.product_amount }}</text>
+                        </view>
+                        <view class="info-row">
+                            <text class="info-label">运费</text>
+                            <text class="info-value">¥{{ order.shipping_fee }}</text>
+                        </view>
+                        <view class="info-row total">
+                            <text class="info-label">实付款</text>
+                            <text class="info-value total-price">¥{{ order.total_amount }}</text>
+                        </view>
+                    </view>
+                    
+                    <!-- 订单操作 -->
+                    <view class="order-actions">
+                        <view v-if="order.status === 1" class="action-buttons">
+                            <button class="action-btn cancel" @click="cancelOrder(order.id)">取消订单</button>
+                            <button class="action-btn pay" @click="payOrder(order.id)">立即支付</button>
+                        </view>
+                        
+                        <view v-if="order.status === 2" class="action-buttons">
+                            <button class="action-btn remind" @click="remindShipping(order.id)">提醒发货</button>
+                        </view>
+                        
+                        <view v-if="order.status === 3" class="action-buttons">
+                            <button class="action-btn view" @click="viewLogistics(order.id)">查看物流</button>
+                            <button class="action-btn confirm" @click="confirmReceipt(order.id)">确认收货</button>
+                        </view>
+                        
+                        <view v-if="order.status === 4" class="action-buttons">
+                            <button class="action-btn review" @click="goReview(order)">评价</button>
+                            <button class="action-btn repurchase" @click="repurchase(order)">再次购买</button>
+                        </view>
+                        
+                        <view v-if="order.status === 5" class="action-buttons">
+                            <button class="action-btn view" @click="viewOrderDetail(order.id)">查看详情</button>
+                        </view>
+                    </view>
+                </view>
+            </view>
+            
+            <!-- 加载更多 -->
+            <view v-if="loadingMore" class="loading-more">
+                <view class="loading-spinner"></view>
+                <text>加载中...</text>
+            </view>
+            
+            <view v-if="!hasMore && orders.length > 0" class="no-more">
+                <text>没有更多订单了</text>
+            </view>
+            
+            <!-- 安全区域 -->
+            <view class="safe-area"></view>
+        </scroll-view>
+        
+        <!-- 底部导航 -->
+        <view class="tabbar-placeholder"></view>
+    </view>
+</template>
+
+<script setup lang="uts">
+import { ref, reactive, onMounted, computed } from 'vue'
+
+// 响应式数据
+const orders = ref<any[]>([])
+const loading = ref<boolean>(false)
+const loadingMore = ref<boolean>(false)
+const hasMore = ref<boolean>(true)
+const refreshing = ref<boolean>(false)
+const page = ref<number>(1)
+const activeTab = ref<string>('all')
+
+// 订单标签页
+const orderTabs = reactive([
+    { id: 'all', name: '全部', count: 12 },
+    { id: 'pending', name: '待付款', count: 2 },
+    { id: 'shipping', name: '待发货', count: 1 },
+    { id: 'delivering', name: '待收货', count: 3 },
+    { id: 'completed', name: '已完成', count: 5 },
+    { id: 'cancelled', name: '已取消', count: 1 }
+])
+
+// Mock 订单数据
+const mockOrders = [
+    {
+        id: '202311230001',
+        order_no: '202311230001',
+        status: 1, // 1:待付款 2:待发货 3:待收货 4:已完成 5:已取消
+        create_time: '2023-11-23 14:30:22',
+        product_amount: 378.00,
+        shipping_fee: 0.00,
+        total_amount: 378.00,
+        products: [
+            {
+                id: '1001',
+                name: '无线蓝牙耳机 降噪版',
+                price: 299.00,
+                image: 'https://picsum.photos/80/80?random=1',
+                spec: '白色',
+                quantity: 1
+            },
+            {
+                id: '1002',
+                name: '耳机保护套',
+                price: 29.00,
+                image: 'https://picsum.photos/80/80?random=2',
+                spec: '黑色',
+                quantity: 1
+            },
+            {
+                id: '1003',
+                name: '数据线',
+                price: 19.00,
+                image: 'https://picsum.photos/80/80?random=3',
+                spec: '1米',
+                quantity: 2
+            }
+        ]
+    },
+    {
+        id: '202311220001',
+        order_no: '202311220001',
+        status: 2,
+        create_time: '2023-11-22 10:15:33',
+        product_amount: 199.00,
+        shipping_fee: 10.00,
+        total_amount: 209.00,
+        products: [
+            {
+                id: '2001',
+                name: '运动T恤 速干面料',
+                price: 79.00,
+                image: 'https://picsum.photos/80/80?random=4',
+                spec: '黑色 L',
+                quantity: 2
+            },
+            {
+                id: '2002',
+                name: '运动短裤',
+                price: 59.00,
+                image: 'https://picsum.photos/80/80?random=5',
+                spec: '黑色 M',
+                quantity: 1
+            }
+        ]
+    },
+    {
+        id: '202311210001',
+        order_no: '202311210001',
+        status: 3,
+        create_time: '2023-11-21 16:45:12',
+        product_amount: 299.00,
+        shipping_fee: 0.00,
+        total_amount: 299.00,
+        products: [
+            {
+                id: '3001',
+                name: '智能手环 心率监测',
+                price: 199.00,
+                image: 'https://picsum.photos/80/80?random=6',
+                spec: '黑色',
+                quantity: 1
+            },
+            {
+                id: '3002',
+                name: '手环腕带',
+                price: 29.00,
+                image: 'https://picsum.photos/80/80?random=7',
+                spec: '蓝色',
+                quantity: 2
+            }
+        ]
+    },
+    {
+        id: '202311200001',
+        order_no: '202311200001',
+        status: 4,
+        create_time: '2023-11-20 09:30:45',
+        product_amount: 99.00,
+        shipping_fee: 0.00,
+        total_amount: 99.00,
+        products: [
+            {
+                id: '4001',
+                name: '保温杯 500ml',
+                price: 49.00,
+                image: 'https://picsum.photos/80/80?random=8',
+                spec: '白色',
+                quantity: 2
+            }
+        ]
+    },
+    {
+        id: '202311190001',
+        order_no: '202311190001',
+        status: 5,
+        create_time: '2023-11-19 14:20:18',
+        product_amount: 599.00,
+        shipping_fee: 0.00,
+        total_amount: 599.00,
+        products: [
+            {
+                id: '5001',
+                name: '蓝牙音箱 便携式',
+                price: 199.00,
+                image: 'https://picsum.photos/80/80?random=9',
+                spec: '黑色',
+                quantity: 3
+            }
+        ]
+    }
+]
+
+// 计算属性：根据当前标签筛选订单
+const filteredOrders = computed(() => {
+    if (activeTab.value === 'all') {
+        return orders.value
+    }
+    
+    const statusMap: Record<string, number> = {
+        'pending': 1,
+        'shipping': 2,
+        'delivering': 3,
+        'completed': 4,
+        'cancelled': 5
+    }
+    
+    const targetStatus = statusMap[activeTab.value]
+    return orders.value.filter(order => order.status === targetStatus)
+})
+
+// 生命周期
+onMounted(() => {
+    loadOrders()
+})
+
+// 加载订单数据
+const loadOrders = () => {
+    loading.value = true
+    
+    // 模拟API请求延迟
+    setTimeout(() => {
+        orders.value = [...mockOrders]
+        loading.value = false
+    }, 800)
+}
+
+// 切换标签
+const switchTab = (tabId: string) => {
+    activeTab.value = tabId
+    page.value = 1
+    orders.value = []
+    loadOrders()
+}
+
+// 获取状态文本
+const getStatusText = (status: number): string => {
+    const statusMap: Record<number, string> = {
+        1: '待付款',
+        2: '待发货',
+        3: '待收货',
+        4: '已完成',
+        5: '已取消'
+    }
+    return statusMap[status] || '未知状态'
+}
+
+// 获取状态类名
+const getStatusClass = (status: number): string => {
+    const classMap: Record<number, string> = {
+        1: 'status-pending',
+        2: 'status-shipping',
+        3: 'status-delivering',
+        4: 'status-completed',
+        5: 'status-cancelled'
+    }
+    return classMap[status] || 'status-unknown'
+}
+
+// 下拉刷新
+const onRefresh = () => {
+    refreshing.value = true
+    setTimeout(() => {
+        loadOrders()
+        refreshing.value = false
+        uni.showToast({
+            title: '刷新成功',
+            icon: 'success'
+        })
+    }, 1000)
+}
+
+// 上拉加载更多
+const loadMore = () => {
+    if (loadingMore.value || !hasMore.value) return
+    
+    loadingMore.value = true
+    
+    // 模拟加载更多数据
+    setTimeout(() => {
+        const newOrders = [...mockOrders].map((order, index) => ({
+            ...order,
+            id: `${order.id}_${page.value}${index}`,
+            order_no: `${order.order_no}_${page.value}${index}`
+        }))
+        
+        orders.value = [...orders.value, ...newOrders]
+        loadingMore.value = false
+        page.value++
+        hasMore.value = orders.value.length < 20
+    }, 1200)
+}
+
+// 订单操作函数
+const cancelOrder = (orderId: string) => {
+    uni.showModal({
+        title: '确认取消',
+        content: '确定要取消此订单吗？',
+        success: (res) => {
+            if (res.confirm) {
+                // 这里应该是实际的API调用
+                uni.showToast({
+                    title: '订单已取消',
+                    icon: 'success'
+                })
+                
+                // 更新订单状态
+                const index = orders.value.findIndex(order => order.id === orderId)
+                if (index !== -1) {
+                    orders.value[index].status = 5
+                    orders.value = [...orders.value]
+                }
+            }
+        }
+    })
+}
+
+const payOrder = (orderId: string) => {
+    uni.navigateTo({
+        url: `/pages/mall/consumer/payment?orderId=${orderId}`
+    })
+}
+
+const remindShipping = (orderId: string) => {
+    uni.showToast({
+        title: '已提醒卖家发货',
+        icon: 'success'
+    })
+}
+
+const viewLogistics = (orderId: string) => {
+    uni.navigateTo({
+        url: `/pages/mall/consumer/logistics?orderId=${orderId}`
+    })
+}
+
+const confirmReceipt = (orderId: string) => {
+    uni.showModal({
+        title: '确认收货',
+        content: '请确认您已收到商品，且商品无误',
+        success: (res) => {
+            if (res.confirm) {
+                // 这里应该是实际的API调用
+                uni.showToast({
+                    title: '收货成功',
+                    icon: 'success'
+                })
+                
+                // 更新订单状态
+                const index = orders.value.findIndex(order => order.id === orderId)
+                if (index !== -1) {
+                    orders.value[index].status = 4
+                    orders.value = [...orders.value]
+                }
+            }
+        }
+    })
+}
+
+const goReview = (order: any) => {
+    const productIds = order.products.map((p: any) => p.id).join(',')
+    uni.navigateTo({
+        url: `/pages/mall/consumer/review?orderId=${order.id}&productIds=${productIds}`
+    })
+}
+
+const repurchase = (order: any) => {
+    uni.showModal({
+        title: '再次购买',
+        content: '确定要将这些商品加入购物车吗？',
+        success: (res) => {
+            if (res.confirm) {
+                // 这里应该是实际的API调用
+                uni.showToast({
+                    title: '已加入购物车',
+                    icon: 'success'
+                })
+            }
+        }
+    })
+}
+
+const viewOrderDetail = (orderId: string) => {
+    uni.navigateTo({
+        url: `/pages/mall/consumer/order-detail?id=${orderId}`
+    })
+}
+
+// 导航函数
+const navigateToSearch = () => {
+    uni.navigateTo({ url: '/pages/mall/consumer/search' })
+}
+
+const navigateToProduct = (product: any) => {
+    uni.navigateTo({ url: `/pages/mall/consumer/product-detail?id=${product.id}` })
+}
+
+const goShopping = () => {
+    uni.switchTab({ url: '/pages/mall/consumer/index' })
+}
+</script>
+
+<style>
+.orders-page {
+    width: 100%;
+    min-height: 100vh;
+    background-color: #f5f5f5;
+}
+
+/* 头部 */
+.orders-header {
+    background-color: white;
+    padding: 15px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    border-bottom: 1px solid #eee;
+    position: sticky;
+    top: 0;
+    z-index: 10;
+}
+
+.header-title {
+    font-size: 18px;
+    font-weight: bold;
+    color: #333;
+}
+
+.header-actions .search-icon {
+    font-size: 20px;
+    color: #666;
+}
+
+/* 标签页 */
+.order-tabs {
+    background-color: white;
+    border-bottom: 1px solid #eee;
+    position: sticky;
+    top: 50px;
+    z-index: 10;
+}
+
+.tab-scroll {
+    white-space: nowrap;
+    width: 100%;
+    height: 50px;
+}
+
+.tab-container {
+    display: flex;
+    flex-direction: row;
+    padding: 0 15px;
+    height: 100%;
+}
+
+.tab-item {
+    flex-shrink: 0;
+    padding: 0 15px;
+    display: flex;
+    align-items: center;
+    position: relative;
+    height: 100%;
+    margin-right: 10px;
+}
+
+.tab-item.active {
+    color: #ff5000;
+    font-weight: bold;
+}
+
+.tab-item.active::after {
+    content: '';
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 2px;
+    background-color: #ff5000;
+}
+
+.tab-name {
+    font-size: 14px;
+}
+
+.tab-count {
+    margin-left: 4px;
+    background-color: #ff5000;
+    color: white;
+    font-size: 10px;
+    padding: 1px 4px;
+    border-radius: 8px;
+    min-width: 12px;
+    text-align: center;
+}
+
+/* 内容区 */
+.orders-content {
+    height: calc(100vh - 100px);
+}
+
+/* 空状态 */
+.empty-orders {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 80px 20px;
+    text-align: center;
+}
+
+.empty-icon {
+    font-size: 80px;
+    color: #ddd;
+    margin-bottom: 20px;
+}
+
+.empty-title {
+    font-size: 18px;
+    color: #666;
+    margin-bottom: 10px;
+}
+
+.empty-desc {
+    font-size: 14px;
+    color: #999;
+    margin-bottom: 30px;
+}
+
+.go-shopping-btn {
+    background-color: #ff5000;
+    color: white;
+    border: none;
+    border-radius: 25px;
+    padding: 10px 40px;
+    font-size: 16px;
+}
+
+/* 订单列表 */
+.order-list {
+    padding: 10px;
+}
+
+.order-card {
+    background-color: white;
+    border-radius: 10px;
+    margin-bottom: 10px;
+    overflow: hidden;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+}
+
+/* 订单头部 */
+.order-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 15px;
+    border-bottom: 1px solid #f5f5f5;
+}
+
+.order-no {
+    font-size: 14px;
+    color: #666;
+}
+
+.order-status {
+    font-size: 14px;
+    font-weight: bold;
+}
+
+.status-pending {
+    color: #ff5000;
+}
+
+.status-shipping {
+    color: #ff9500;
+}
+
+.status-delivering {
+    color: #007aff;
+}
+
+.status-completed {
+    color: #34c759;
+}
+
+.status-cancelled {
+    color: #999;
+}
+
+/* 订单商品 */
+.order-products {
+    padding: 15px;
+}
+
+.order-product {
+    display: flex;
+    margin-bottom: 15px;
+}
+
+.order-product:last-child {
+    margin-bottom: 0;
+}
+
+.product-image {
+    width: 80px;
+    height: 80px;
+    border-radius: 8px;
+    margin-right: 15px;
+}
+
+.product-info {
+    flex: 1;
+}
+
+.product-name {
+    font-size: 15px;
+    color: #333;
+    margin-bottom: 5px;
+    display: block;
+    line-height: 1.4;
+}
+
+.product-spec {
+    font-size: 13px;
+    color: #999;
+    margin-bottom: 10px;
+    display: block;
+}
+
+.product-footer {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.product-price {
+    font-size: 16px;
+    color: #ff5000;
+    font-weight: bold;
+}
+
+.product-quantity {
+    font-size: 14px;
+    color: #666;
+}
+
+/* 订单信息 */
+.order-info {
+    padding: 15px;
+    border-top: 1px solid #f5f5f5;
+    border-bottom: 1px solid #f5f5f5;
+}
+
+.info-row {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 8px;
+}
+
+.info-row:last-child {
+    margin-bottom: 0;
+}
+
+.info-row.total {
+    margin-top: 8px;
+    padding-top: 8px;
+    border-top: 1px solid #f5f5f5;
+}
+
+.info-label {
+    font-size: 14px;
+    color: #666;
+}
+
+.info-value {
+    font-size: 14px;
+    color: #333;
+}
+
+.total-price {
+    font-size: 18px;
+    color: #ff5000;
+    font-weight: bold;
+}
+
+/* 订单操作 */
+.order-actions {
+    padding: 15px;
+}
+
+.action-buttons {
+    display: flex;
+    justify-content: flex-end;
+    gap: 10px;
+}
+
+.action-btn {
+    padding: 6px 15px;
+    border-radius: 15px;
+    font-size: 13px;
+    border: 1px solid;
+    background: none;
+}
+
+.action-btn.cancel {
+    color: #666;
+    border-color: #ccc;
+}
+
+.action-btn.pay {
+    color: #ff5000;
+    border-color: #ff5000;
+}
+
+.action-btn.remind {
+    color: #666;
+    border-color: #ccc;
+}
+
+.action-btn.view {
+    color: #666;
+    border-color: #ccc;
+}
+
+.action-btn.confirm {
+    color: #34c759;
+    border-color: #34c759;
+}
+
+.action-btn.review {
+    color: #ff9500;
+    border-color: #ff9500;
+}
+
+.action-btn.repurchase {
+    color: #ff5000;
+    border-color: #ff5000;
+}
+
+/* 加载更多 */
+.loading-more {
+    padding: 20px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+.loading-spinner {
+    width: 24px;
+    height: 24px;
+    border: 2px solid #f0f5ff;
+    border-top-color: #ff5000;
+    border-radius: 50%;
+    animation: spin 1s linear infinite;
+    margin-bottom: 10px;
+}
+
+@keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+}
+
+.no-more {
+    text-align: center;
+    color: #999;
+    font-size: 13px;
+    padding: 20px 0;
+}
+
+/* 安全区域 */
+.safe-area {
+    height: 20px;
+}
+
+/* 底部导航占位 */
+.tabbar-placeholder {
+    height: 50px;
+    background-color: #f5f5f5;
+}
+
+/* 响应式适配 */
+@media screen and (max-width: 320px) {
+    .tab-item {
+        padding: 0 10px;
+        margin-right: 5px;
+    }
+    
+    .action-btn {
+        padding: 6px 10px;
+        font-size: 12px;
+    }
+}
+
+@media screen and (min-width: 415px) {
+    .order-card {
+        margin-bottom: 15px;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/pages/mall/consumer/payment.uvue b/pages/mall/consumer/payment.uvue
new file mode 100644
index 00000000..5c72f522
--- /dev/null
+++ b/pages/mall/consumer/payment.uvue
@@ -0,0 +1,755 @@
+<!-- 支付页面 -->
+<template>
+	<view class="payment-page">
+		<!-- 顶部栏 -->
+		<view class="payment-header">
+			<text class="back-btn" @click="goBack">‹</text>
+			<text class="header-title">收银台</text>
+		</view>
+
+		<view class="payment-content">
+			<!-- 支付金额 -->
+			<view class="amount-section">
+				<text class="amount-label">支付金额</text>
+				<text class="amount-value">¥{{ amount.toFixed(2) }}</text>
+				<text class="order-no">订单号: {{ orderNo }}</text>
+			</view>
+
+			<!-- 支付方式 -->
+			<view class="methods-section">
+				<text class="section-title">选择支付方式</text>
+				<view class="method-list">
+					<view v-for="method in paymentMethods" 
+								:key="method.id" 
+								:class="['method-item', { selected: selectedMethod === method.id }]"
+								@click="selectMethod(method)">
+						<view class="method-left">
+							<text class="method-icon">{{ getMethodIcon(method.id) }}</text>
+							<view class="method-info">
+								<text class="method-name">{{ method.name }}</text>
+								<text class="method-desc">{{ method.description }}</text>
+							</view>
+						</view>
+						<view v-if="selectedMethod === method.id" class="method-selected">
+							<text class="selected-icon">✓</text>
+						</view>
+					</view>
+				</view>
+			</view>
+
+			<!-- 余额支付 -->
+			<view v-if="selectedMethod === 'balance' && userBalance > 0" class="balance-section">
+				<view class="balance-info">
+					<text class="balance-label">账户余额</text>
+					<text class="balance-value">¥{{ userBalance.toFixed(2) }}</text>
+				</view>
+				<view v-if="userBalance < amount" class="balance-tip">
+					<text class="tip-text">余额不足，请选择其他支付方式</text>
+				</view>
+			</view>
+
+			<!-- 密码输入 -->
+			<view v-if="showPassword" class="password-section">
+				<text class="password-title">请输入支付密码</text>
+				<view class="password-input">
+					<view v-for="(_, index) in 6" 
+								:key="index" 
+								class="password-dot">
+						<text v-if="password.length > index">●</text>
+					</view>
+				</view>
+				<text class="forgot-password" @click="forgotPassword">忘记密码？</text>
+			</view>
+		</view>
+
+		<!-- 底部支付按钮 -->
+		<view class="payment-bottom">
+			<view class="price-summary">
+				<text class="summary-label">需支付:</text>
+				<text class="summary-price">¥{{ amount.toFixed(2) }}</text>
+			</view>
+			<button class="pay-btn" 
+							:class="{ disabled: isPaying || (selectedMethod === 'balance' && userBalance < amount) }"
+							@click="confirmPayment">
+				<text v-if="!isPaying" class="pay-text">{{ getPayButtonText() }}</text>
+				<text v-else class="pay-text">支付中...</text>
+			</button>
+		</view>
+
+		<!-- 密码键盘 -->
+		<view v-if="showPassword" class="password-keyboard">
+			<view class="keyboard-grid">
+				<view v-for="num in 9" 
+							:key="num" 
+							class="keyboard-key"
+							@click="inputPassword(num.toString())">
+					<text class="key-text">{{ num }}</text>
+				</view>
+				<view class="keyboard-key"></view>
+				<view class="keyboard-key" @click="inputPassword('0')">
+					<text class="key-text">0</text>
+				</view>
+				<view class="keyboard-key" @click="deletePassword">
+					<text class="key-text">⌫</text>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup lang="uts">
+import { ref, onMounted, watch } from 'vue'
+import supa from '@/components/supadb/aksupainstance.uts'
+
+type PaymentMethodType = {
+	id: string
+	name: string
+	description: string
+	icon: string
+	enabled: boolean
+}
+
+const orderId = ref<string>('')
+const orderNo = ref<string>('')
+const amount = ref<number>(0)
+const paymentMethods = ref<Array<PaymentMethodType>>([])
+const selectedMethod = ref<string>('wechat')
+const userBalance = ref<number>(0)
+const isPaying = ref<boolean>(false)
+const showPassword = ref<boolean>(false)
+const password = ref<string>('')
+
+// 生命周期
+onMounted(() => {
+	const pages = getCurrentPages()
+	const currentPage = pages[pages.length - 1]
+	const options = currentPage.options as any
+	
+	if (options.orderId) {
+		orderId.value = options.orderId
+		loadOrderInfo()
+	}
+	
+	if (options.amount) {
+		amount.value = parseFloat(options.amount)
+	}
+	
+	loadPaymentMethods()
+	loadUserBalance()
+})
+
+// 加载订单信息
+const loadOrderInfo = async () => {
+	try {
+		const { data, error } = await supa
+			.from('orders')
+			.select('order_no, actual_amount')
+			.eq('id', orderId.value)
+			.single()
+
+		if (error !== null) {
+			console.error('加载订单信息失败:', error)
+			return
+		}
+
+		if (data) {
+			orderNo.value = data.order_no
+			amount.value = data.actual_amount || amount.value
+		}
+	} catch (err) {
+		console.error('加载订单信息异常:', err)
+	}
+}
+
+// 加载支付方式
+const loadPaymentMethods = () => {
+	paymentMethods.value = [
+		{
+			id: 'wechat',
+			name: '微信支付',
+			description: '推荐安装微信5.0及以上版本使用',
+			icon: '💳',
+			enabled: true
+		},
+		{
+			id: 'alipay',
+			name: '支付宝',
+			description: '推荐安装支付宝10.0及以上版本使用',
+			icon: '💳',
+			enabled: true
+		},
+		{
+			id: 'balance',
+			name: '余额支付',
+			description: '使用账户余额支付',
+			icon: '💰',
+			enabled: true
+		},
+		{
+			id: 'bankcard',
+			name: '银行卡支付',
+			description: '支持储蓄卡、信用卡',
+			icon: '💳',
+			enabled: true
+		}
+	]
+}
+
+// 加载用户余额
+const loadUserBalance = async () => {
+	const userId = getCurrentUserId()
+	if (!userId) return
+
+	try {
+		// 这里假设有用户钱包表
+		const { data, error } = await supa
+			.from('user_wallets')
+			.select('balance')
+			.eq('user_id', userId)
+			.single()
+
+		if (error !== null) {
+			console.error('加载用户余额失败:', error)
+			return
+		}
+
+		userBalance.value = data?.balance || 0
+	} catch (err) {
+		console.error('加载用户余额异常:', err)
+	}
+}
+
+// 获取当前用户ID
+const getCurrentUserId = (): string => {
+	const userStore = uni.getStorageSync('userInfo')
+	return userStore?.id || ''
+}
+
+// 获取支付方式图标
+const getMethodIcon = (methodId: string): string => {
+	const icons: Record<string, string> = {
+		wechat: '💳',
+		alipay: '💳',
+		balance: '💰',
+		bankcard: '💳'
+	}
+	return icons[methodId] || '💳'
+}
+
+// 选择支付方式
+const selectMethod = (method: PaymentMethodType) => {
+	if (!method.enabled) {
+		uni.showToast({
+			title: '该支付方式暂不可用',
+			icon: 'none'
+		})
+		return
+	}
+	
+	selectedMethod.value = method.id
+	showPassword.value = method.id === 'balance' || method.id === 'bankcard'
+	password.value = '' // 清空密码
+}
+
+// 获取支付按钮文本
+const getPayButtonText = (): string => {
+	if (selectedMethod.value === 'balance' && userBalance.value < amount.value) {
+		return '余额不足'
+	}
+	
+	const texts: Record<string, string> = {
+		wechat: '微信支付',
+		alipay: '支付宝支付',
+		balance: '余额支付',
+		bankcard: '银行卡支付'
+	}
+	
+	return texts[selectedMethod.value] || '确认支付'
+}
+
+// 确认支付
+const confirmPayment = async () => {
+	if (isPaying.value) return
+	
+	// 余额支付检查
+	if (selectedMethod.value === 'balance') {
+		if (userBalance.value < amount.value) {
+			uni.showToast({
+				title: '余额不足',
+				icon: 'none'
+			})
+			return
+		}
+		
+		if (!showPassword.value) {
+			showPassword.value = true
+			return
+		}
+		
+		if (password.value.length !== 6) {
+			uni.showToast({
+				title: '请输入6位支付密码',
+				icon: 'none'
+			})
+			return
+		}
+	}
+	
+	isPaying.value = true
+	
+	try {
+		// 模拟支付过程
+		await new Promise(resolve => setTimeout(resolve, 2000))
+		
+		// 更新订单状态
+		const { error } = await supa
+			.from('orders')
+			.update({
+				status: 2, // 待发货
+				payment_method: getPaymentMethodCode(selectedMethod.value),
+				payment_status: 1, // 已支付
+				updated_at: new Date().toISOString()
+			})
+			.eq('id', orderId.value)
+
+		if (error !== null) {
+			throw error
+		}
+		
+		// 余额支付需要扣减余额
+		if (selectedMethod.value === 'balance') {
+			await updateUserBalance(-amount.value)
+		}
+		
+		// 支付成功
+		uni.showToast({
+			title: '支付成功',
+			icon: 'success',
+			duration: 2000
+		})
+		
+		// 跳转到支付成功页面
+		setTimeout(() => {
+			uni.redirectTo({
+				url: `/pages/mall/consumer/payment-success?orderId=${orderId.value}`
+			})
+		}, 1500)
+		
+	} catch (err) {
+		console.error('支付失败:', err)
+		uni.showToast({
+			title: '支付失败',
+			icon: 'none'
+		})
+	} finally {
+		isPaying.value = false
+	}
+}
+
+// 获取支付方式代码
+const getPaymentMethodCode = (methodId: string): number => {
+	const codes: Record<string, number> = {
+		wechat: 1,
+		alipay: 2,
+		balance: 3,
+		bankcard: 4
+	}
+	return codes[methodId] || 0
+}
+
+// 更新用户余额
+const updateUserBalance = async (change: number) => {
+	const userId = getCurrentUserId()
+	if (!userId) return
+
+	try {
+		const { data: wallet, error: walletError } = await supa
+			.from('user_wallets')
+			.select('balance')
+			.eq('user_id', userId)
+			.single()
+
+		if (walletError !== null) {
+			console.error('查询钱包失败:', walletError)
+			return
+		}
+
+		const newBalance = (wallet?.balance || 0) + change
+		
+		const { error: updateError } = await supa
+			.from('user_wallets')
+			.update({ balance: newBalance })
+			.eq('user_id', userId)
+
+		if (updateError !== null) {
+			console.error('更新余额失败:', updateError)
+			return
+		}
+		
+		// 记录余额变动
+		const { error: recordError } = await supa
+			.from('balance_records')
+			.insert({
+				user_id: userId,
+				change_amount: change,
+				current_balance: newBalance,
+				change_type: 'order_payment',
+				related_id: orderId.value,
+				remark: `订单支付: ${orderNo.value}`
+			})
+
+		if (recordError !== null) {
+			console.error('记录余额变动失败:', recordError)
+		}
+		
+		userBalance.value = newBalance
+		
+	} catch (err) {
+		console.error('更新余额异常:', err)
+	}
+}
+
+// 输入密码
+const inputPassword = (num: string) => {
+	if (password.value.length >= 6) return
+	password.value += num
+}
+
+// 删除密码
+const deletePassword = () => {
+	if (password.value.length > 0) {
+		password.value = password.value.slice(0, -1)
+	}
+}
+
+// 监听密码输入
+watch(password, (newPassword) => {
+	if (newPassword.length === 6) {
+		// 自动验证密码
+		verifyPassword()
+	}
+})
+
+// 验证密码
+const verifyPassword = async () => {
+	// 这里应该验证支付密码，这里简单模拟
+	const userId = getCurrentUserId()
+	
+	try {
+		// 模拟验证
+		await new Promise(resolve => setTimeout(resolve, 500))
+		
+		// 假设密码正确
+		const isCorrect = true
+		
+		if (isCorrect) {
+			// 密码正确，继续支付
+			confirmPayment()
+		} else {
+			password.value = ''
+			uni.showToast({
+				title: '密码错误',
+				icon: 'none'
+			})
+		}
+		
+	} catch (err) {
+		console.error('验证密码异常:', err)
+	}
+}
+
+// 忘记密码
+const forgotPassword = () => {
+	uni.navigateTo({
+		url: '/pages/user/forgot-password'
+	})
+}
+
+// 返回
+const goBack = () => {
+	uni.navigateBack()
+}
+</script>
+
+<style scoped>
+.payment-page {
+	display: flex;
+	flex-direction: column;
+	height: 100vh;
+	background-color: #f5f5f5;
+}
+
+.payment-header {
+	background-color: #ffffff;
+	padding: 15px;
+	display: flex;
+	align-items: center;
+	border-bottom: 1px solid #e5e5e5;
+}
+
+.back-btn {
+	font-size: 24px;
+	color: #333333;
+	padding: 5px;
+	margin-right: 15px;
+}
+
+.header-title {
+	font-size: 18px;
+	font-weight: bold;
+	color: #333333;
+}
+
+.payment-content {
+	flex: 1;
+	overflow-y: auto;
+}
+
+.amount-section {
+	background-color: #ffffff;
+	padding: 40px 20px;
+	text-align: center;
+	margin-bottom: 10px;
+}
+
+.amount-label {
+	display: block;
+	font-size: 14px;
+	color: #666666;
+	margin-bottom: 15px;
+}
+
+.amount-value {
+	display: block;
+	font-size: 36px;
+	font-weight: bold;
+	color: #ff4757;
+	margin-bottom: 10px;
+}
+
+.order-no {
+	display: block;
+	font-size: 12px;
+	color: #999999;
+}
+
+.methods-section {
+	background-color: #ffffff;
+	padding: 20px 15px;
+	margin-bottom: 10px;
+}
+
+.section-title {
+	display: block;
+	font-size: 16px;
+	font-weight: bold;
+	color: #333333;
+	margin-bottom: 15px;
+}
+
+.method-list {
+	display: flex;
+	flex-direction: column;
+	gap: 10px;
+}
+
+.method-item {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	padding: 15px;
+	border: 1px solid #e5e5e5;
+	border-radius: 8px;
+}
+
+.method-item.selected {
+	border-color: #007aff;
+	background-color: #f0f8ff;
+}
+
+.method-left {
+	display: flex;
+	align-items: center;
+}
+
+.method-icon {
+	font-size: 24px;
+	margin-right: 15px;
+}
+
+.method-info {
+	display: flex;
+	flex-direction: column;
+}
+
+.method-name {
+	font-size: 16px;
+	font-weight: bold;
+	color: #333333;
+	margin-bottom: 5px;
+}
+
+.method-desc {
+	font-size: 12px;
+	color: #999999;
+}
+
+.method-selected {
+	width: 24px;
+	height: 24px;
+	border-radius: 12px;
+	background-color: #007aff;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.selected-icon {
+	color: #ffffff;
+	font-size: 14px;
+}
+
+.balance-section {
+	background-color: #ffffff;
+	padding: 15px;
+	margin-bottom: 10px;
+}
+
+.balance-info {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	margin-bottom: 10px;
+}
+
+.balance-label {
+	font-size: 14px;
+	color: #333333;
+}
+
+.balance-value {
+	font-size: 18px;
+	color: #ff4757;
+	font-weight: bold;
+}
+
+.balance-tip {
+	padding: 10px;
+	background-color: #fff0f0;
+	border-radius: 5px;
+}
+
+.tip-text {
+	font-size: 12px;
+	color: #ff4757;
+}
+
+.password-section {
+	background-color: #ffffff;
+	padding: 30px 15px;
+	text-align: center;
+	margin-bottom: 10px;
+}
+
+.password-title {
+	display: block;
+	font-size: 16px;
+	color: #333333;
+	margin-bottom: 30px;
+}
+
+.password-input {
+	display: flex;
+	justify-content: center;
+	gap: 15px;
+	margin-bottom: 20px;
+}
+
+.password-dot {
+	width: 12px;
+	height: 12px;
+	border-radius: 6px;
+	background-color: #333333;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.password-dot text {
+	color: #ffffff;
+	font-size: 8px;
+}
+
+.forgot-password {
+	color: #007aff;
+	font-size: 14px;
+}
+
+.payment-bottom {
+	background-color: #ffffff;
+	border-top: 1px solid #e5e5e5;
+	padding: 15px;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+
+.price-summary {
+	display: flex;
+	align-items: baseline;
+}
+
+.summary-label {
+	font-size: 14px;
+	color: #333333;
+	margin-right: 5px;
+}
+
+.summary-price {
+	font-size: 20px;
+	color: #ff4757;
+	font-weight: bold;
+}
+
+.pay-btn {
+	background-color: #007aff;
+	color: #ffffff;
+	padding: 0 40px;
+	height: 45px;
+	border-radius: 22.5px;
+	font-size: 16px;
+	font-weight: bold;
+	border: none;
+}
+
+.pay-btn.disabled {
+	background-color: #cccccc;
+	opacity: 0.6;
+}
+
+.password-keyboard {
+	background-color: #ffffff;
+	border-top: 1px solid #e5e5e5;
+	padding: 10px;
+}
+
+.keyboard-grid {
+	display: grid;
+	grid-template-columns: repeat(3, 1fr);
+	grid-gap: 1px;
+	background-color: #e5e5e5;
+}
+
+.keyboard-key {
+	background-color: #ffffff;
+	height: 60px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.key-text {
+	font-size: 24px;
+	color: #333333;
+}
+</style>
\ No newline at end of file
diff --git a/pages/mall/consumer/refund.uvue b/pages/mall/consumer/refund.uvue
new file mode 100644
index 00000000..226d8b92
--- /dev/null
+++ b/pages/mall/consumer/refund.uvue
@@ -0,0 +1,858 @@
+<!-- 退款页面 -->
+<template>
+	<view class="refund-page">
+		<!-- 顶部栏 -->
+		<view class="refund-header">
+			<text class="back-btn" @click="goBack">‹</text>
+			<text class="header-title">退款/售后</text>
+		</view>
+
+		<!-- 标签页 -->
+		<view class="refund-tabs">
+			<view :class="['refund-tab', { active: activeTab === 'all' }]" @click="changeTab('all')">
+				<text class="tab-text">全部</text>
+			</view>
+			<view :class="['refund-tab', { active: activeTab === 'processing' }]" @click="changeTab('processing')">
+				<text class="tab-text">处理中</text>
+				<text v-if="tabCounts.processing > 0" class="tab-badge">{{ tabCounts.processing }}</text>
+			</view>
+			<view :class="['refund-tab', { active: activeTab === 'completed' }]" @click="changeTab('completed')">
+				<text class="tab-text">已完成</text>
+			</view>
+		</view>
+
+		<!-- 售后列表 -->
+		<scroll-view class="refund-content" scroll-y @scrolltolower="loadMore">
+			<!-- 空状态 -->
+			<view v-if="refunds.length === 0 && !isLoading" class="empty-refunds">
+				<text class="empty-icon">🔄</text>
+				<text class="empty-text">暂无售后记录</text>
+				<text class="empty-subtext">您可以在订单详情中申请售后</text>
+				<button class="go-orders-btn" @click="goToOrders">查看订单</button>
+			</view>
+
+			<!-- 售后项 -->
+			<view v-for="refund in refunds" :key="refund.id" class="refund-item">
+				<view class="refund-header">
+					<text class="refund-no">售后单号: {{ refund.refund_no }}</text>
+					<text :class="['refund-status', getStatusClass(refund.status)]">
+						{{ getStatusText(refund.status) }}
+					</text>
+				</view>
+
+				<view class="order-info">
+					<text class="order-no">订单号: {{ refund.order?.order_no }}</text>
+					<text class="order-time">{{ formatTime(refund.order?.created_at) }}</text>
+				</view>
+
+				<view class="product-info" @click="viewOrder(refund.order_id)">
+					<image class="product-image" :src="getProductImage(refund)" />
+					<view class="product-details">
+						<text class="product-name">{{ getProductName(refund) }}</text>
+						<text v-if="refund.refund_reason" class="refund-reason">原因: {{ refund.refund_reason }}</text>
+						<view class="refund-amount">
+							<text class="amount-label">退款金额:</text>
+							<text class="amount-value">¥{{ refund.refund_amount }}</text>
+						</view>
+					</view>
+				</view>
+
+				<!-- 进度时间线 -->
+				<view v-if="refund.status_history?.length > 0" class="timeline">
+					<view v-for="(step, index) in getTimelineSteps(refund)" 
+								:key="index" 
+								class="timeline-step">
+						<view class="step-dot" :class="{ active: step.active, completed: step.completed }"></view>
+						<view class="step-info">
+							<text class="step-title">{{ step.title }}</text>
+							<text class="step-time">{{ step.time }}</text>
+							<text v-if="step.desc" class="step-desc">{{ step.desc }}</text>
+						</view>
+					</view>
+				</view>
+
+				<!-- 操作按钮 -->
+				<view v-if="refund.status === 1" class="refund-actions">
+					<button class="action-btn cancel" @click="cancelRefund(refund)">取消申请</button>
+					<button class="action-btn contact" @click="contactService(refund)">联系客服</button>
+				</view>
+
+				<view v-if="refund.status === 3" class="refund-actions">
+					<button class="action-btn review" @click="reviewRefund(refund)">评价服务</button>
+					<button class="action-btn delete" @click="deleteRefund(refund)">删除记录</button>
+				</view>
+			</view>
+
+			<!-- 加载更多 -->
+			<view v-if="isLoading" class="loading-more">
+				<text class="loading-text">加载中...</text>
+			</view>
+			<view v-if="!hasMore && refunds.length > 0" class="no-more">
+				<text class="no-more-text">没有更多了</text>
+			</view>
+		</scroll-view>
+
+		<!-- 申请售后按钮 -->
+		<view class="apply-btn-container">
+			<button class="apply-btn" @click="applyRefund">申请售后</button>
+		</view>
+	</view>
+</template>
+
+<script setup lang="uts">
+import { ref, onMounted, watch } from 'vue'
+import supa from '@/components/supadb/aksupainstance.uts'
+
+type RefundType = {
+	id: string
+	user_id: string
+	order_id: string
+	refund_no: string
+	refund_type: number // 1:仅退款 2:退货退款
+	refund_reason: string
+	refund_amount: number
+	status: number // 1:待处理 2:处理中 3:已完成 4:已取消 5:已拒绝
+	status_history: Array<{
+		status: number
+		remark: string
+		created_at: string
+	}> | null
+	created_at: string
+	order?: {
+		id: string
+		order_no: string
+		created_at: string
+		order_items: Array<{
+			id: string
+			product_name: string
+			sku_specifications: any
+			price: number
+			quantity: number
+			product?: {
+				images: string[]
+			}
+		}>
+	}
+}
+
+type TabCountsType = {
+	processing: number
+}
+
+const activeTab = ref<string>('all')
+const refunds = ref<Array<RefundType>>([])
+const tabCounts = ref<TabCountsType>({
+	processing: 0
+})
+const isLoading = ref<boolean>(false)
+const currentPage = ref<number>(1)
+const pageSize = ref<number>(15)
+const hasMore = ref<boolean>(true)
+
+// 监听标签页变化
+watch(activeTab, () => {
+	resetData()
+	loadRefunds()
+})
+
+// 生命周期
+onMounted(() => {
+	loadRefunds()
+	loadTabCounts()
+})
+
+// 重置数据
+const resetData = () => {
+	refunds.value = []
+	currentPage.value = 1
+	hasMore.value = true
+}
+
+// 加载售后数据
+const loadRefunds = async (loadMore: boolean = false) => {
+	if (isLoading.value || (!hasMore.value && loadMore)) {
+		return
+	}
+
+	isLoading.value = true
+
+	try {
+		const userId = getCurrentUserId()
+		if (!userId) {
+			uni.navigateTo({
+				url: '/pages/user/login'
+			})
+			return
+		}
+
+		const page = loadMore ? currentPage.value + 1 : 1
+		
+		let query = supa
+			.from('refunds')
+			.select(`
+				*,
+				order:order_id(
+					order_no,
+					created_at,
+					order_items(
+						*,
+						product:product_id(images)
+					)
+				)
+			`)
+			.eq('user_id', userId)
+			.order('created_at', { ascending: false })
+
+		// 根据标签页过滤
+		if (activeTab.value === 'processing') {
+			query = query.in('status', [1, 2]) // 待处理和处理中
+		} else if (activeTab.value === 'completed') {
+			query = query.in('status', [3, 4, 5]) // 已完成、已取消、已拒绝
+		}
+
+		// 分页
+		query = query.range((page - 1) * pageSize.value, page * pageSize.value - 1)
+
+		const { data, error } = await query
+
+		if (error !== null) {
+			console.error('加载售后记录失败:', error)
+			return
+		}
+
+		const newRefunds = data || []
+
+		if (loadMore) {
+			refunds.value.push(...newRefunds)
+			currentPage.value = page
+		} else {
+			refunds.value = newRefunds
+			currentPage.value = 1
+		}
+
+		hasMore.value = newRefunds.length === pageSize.value
+	} catch (err) {
+		console.error('加载售后记录异常:', err)
+	} finally {
+		isLoading.value = false
+	}
+}
+
+// 加载标签页计数
+const loadTabCounts = async () => {
+	const userId = getCurrentUserId()
+	if (!userId) return
+
+	try {
+		const { count, error } = await supa
+			.from('refunds')
+			.select('*', { count: 'exact' })
+			.eq('user_id', userId)
+			.in('status', [1, 2])
+
+		if (error !== null) {
+			console.error('加载计数失败:', error)
+			return
+		}
+
+		tabCounts.value.processing = count || 0
+	} catch (err) {
+		console.error('加载计数异常:', err)
+	}
+}
+
+// 获取当前用户ID
+const getCurrentUserId = (): string => {
+	const userStore = uni.getStorageSync('userInfo')
+	return userStore?.id || ''
+}
+
+// 获取状态文本
+const getStatusText = (status: number): string => {
+	const statusMap: Record<number, string> = {
+		1: '待处理',
+		2: '处理中',
+		3: '已完成',
+		4: '已取消',
+		5: '已拒绝'
+	}
+	return statusMap[status] || '未知状态'
+}
+
+// 获取状态样式类
+const getStatusClass = (status: number): string => {
+	const classMap: Record<number, string> = {
+		1: 'status-pending',
+		2: 'status-processing',
+		3: 'status-completed',
+		4: 'status-cancelled',
+		5: 'status-rejected'
+	}
+	return classMap[status] || 'status-unknown'
+}
+
+// 获取商品图片
+const getProductImage = (refund: RefundType): string => {
+	const firstItem = refund.order?.order_items?.[0]
+	if (!firstItem?.product?.images?.[0]) {
+		return '/static/default-product.png'
+	}
+	return firstItem.product.images[0]
+}
+
+// 获取商品名称
+const getProductName = (refund: RefundType): string => {
+	const items = refund.order?.order_items || []
+	if (items.length === 0) return '未知商品'
+	
+	if (items.length === 1) {
+		return items[0].product_name
+	} else {
+		return `${items[0].product_name}等${items.length}件商品`
+	}
+}
+
+// 格式化时间
+const formatTime = (timeStr?: string): string => {
+	if (!timeStr) return ''
+	const date = new Date(timeStr)
+	const month = (date.getMonth() + 1).toString().padStart(2, '0')
+	const day = date.getDate().toString().padStart(2, '0')
+	return `${month}-${day}`
+}
+
+// 获取时间线步骤
+const getTimelineSteps = (refund: RefundType): Array<any> => {
+	const steps = [
+		{ status: 0, title: '提交申请', time: refund.created_at },
+		{ status: 1, title: '商家处理', time: '' },
+		{ status: 3, title: '退款完成', time: '' }
+	]
+	
+	// 如果有状态历史，更新时间和描述
+	if (refund.status_history) {
+		refund.status_history.forEach(history => {
+			if (history.status === 1 || history.status === 2) {
+				steps[1].time = history.created_at
+				steps[1].desc = history.remark
+			} else if (history.status === 3) {
+				steps[2].time = history.created_at
+				steps[2].desc = history.remark
+			}
+		})
+	}
+	
+	// 标记当前状态
+	return steps.map((step, index) => ({
+		...step,
+		active: index === getCurrentStepIndex(refund.status),
+		completed: index < getCurrentStepIndex(refund.status)
+	}))
+}
+
+// 获取当前步骤索引
+const getCurrentStepIndex = (status: number): number => {
+	switch (status) {
+		case 1: return 0 // 待处理
+		case 2: return 1 // 处理中
+		case 3: return 2 // 已完成
+		case 4: return 0 // 已取消
+		case 5: return 1 // 已拒绝
+		default: return 0
+	}
+}
+
+// 切换标签页
+const changeTab = (tab: string) => {
+	activeTab.value = tab
+}
+
+// 加载更多
+const loadMore = () => {
+	if (hasMore.value && !isLoading.value) {
+		loadRefunds(true)
+	}
+}
+
+// 查看订单
+const viewOrder = (orderId: string) => {
+	uni.navigateTo({
+		url: `/pages/mall/consumer/order-detail?id=${orderId}`
+	})
+}
+
+// 取消退款申请
+const cancelRefund = (refund: RefundType) => {
+	uni.showModal({
+		title: '取消申请',
+		content: '确定要取消这个退款申请吗？',
+		success: async (res) => {
+			if (res.confirm) {
+				try {
+					const { error } = await supa
+						.from('refunds')
+						.update({ 
+							status: 4, // 已取消
+							status_history: [...(refund.status_history || []), {
+								status: 4,
+								remark: '用户取消申请',
+								created_at: new Date().toISOString()
+							}]
+						})
+						.eq('id', refund.id)
+
+					if (error !== null) {
+						throw error
+					}
+
+					refund.status = 4
+					loadTabCounts() // 重新加载计数
+					
+					uni.showToast({
+						title: '已取消',
+						icon: 'success'
+					})
+					
+				} catch (err) {
+					console.error('取消退款失败:', err)
+					uni.showToast({
+						title: '取消失败',
+						icon: 'none'
+					})
+				}
+			}
+		}
+	})
+}
+
+// 联系客服
+const contactService = (refund: RefundType) => {
+	uni.navigateTo({
+		url: `/pages/mall/service/chat?refundId=${refund.id}`
+	})
+}
+
+// 评价服务
+const reviewRefund = (refund: RefundType) => {
+	uni.navigateTo({
+		url: `/pages/mall/consumer/refund-review?id=${refund.id}`
+	})
+}
+
+// 删除记录
+const deleteRefund = (refund: RefundType) => {
+	uni.showModal({
+		title: '删除记录',
+		content: '确定要删除这个售后记录吗？',
+		success: async (res) => {
+			if (res.confirm) {
+				try {
+					const { error } = await supa
+						.from('refunds')
+						.delete()
+						.eq('id', refund.id)
+
+					if (error !== null) {
+						throw error
+					}
+
+					const index = refunds.value.findIndex(r => r.id === refund.id)
+					if (index !== -1) {
+						refunds.value.splice(index, 1)
+						refunds.value = [...refunds.value]
+					}
+					
+					uni.showToast({
+						title: '删除成功',
+						icon: 'success'
+					})
+					
+				} catch (err) {
+					console.error('删除记录失败:', err)
+					uni.showToast({
+						title: '删除失败',
+						icon: 'none'
+					})
+				}
+			}
+		}
+	})
+}
+
+// 申请售后
+const applyRefund = () => {
+	uni.navigateTo({
+		url: '/pages/mall/consumer/apply-refund'
+	})
+}
+
+// 查看订单
+const goToOrders = () => {
+	uni.switchTab({
+		url: '/pages/mall/consumer/orders'
+	})
+}
+
+// 返回
+const goBack = () => {
+	uni.navigateBack()
+}
+</script>
+
+<style scoped>
+.refund-page {
+	display: flex;
+	flex-direction: column;
+	height: 100vh;
+	background-color: #f5f5f5;
+}
+
+.refund-header {
+	background-color: #ffffff;
+	padding: 15px;
+	display: flex;
+	align-items: center;
+	border-bottom: 1px solid #e5e5e5;
+}
+
+.back-btn {
+	font-size: 24px;
+	color: #333333;
+	padding: 5px;
+	margin-right: 15px;
+}
+
+.header-title {
+	font-size: 18px;
+	font-weight: bold;
+	color: #333333;
+}
+
+.refund-tabs {
+	background-color: #ffffff;
+	display: flex;
+	border-bottom: 1px solid #e5e5e5;
+}
+
+.refund-tab {
+	flex: 1;
+	padding: 15px;
+	text-align: center;
+	position: relative;
+}
+
+.refund-tab.active {
+	color: #007aff;
+}
+
+.refund-tab.active::after {
+	content: '';
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	height: 2px;
+	background-color: #007aff;
+}
+
+.tab-text {
+	font-size: 16px;
+	color: #666666;
+}
+
+.refund-tab.active .tab-text {
+	color: #007aff;
+	font-weight: bold;
+}
+
+.tab-badge {
+	position: absolute;
+	top: 10px;
+	right: 20px;
+	background-color: #ff4757;
+	color: #ffffff;
+	font-size: 10px;
+	padding: 2px 5px;
+	border-radius: 8px;
+	min-width: 16px;
+	text-align: center;
+}
+
+.refund-content {
+	flex: 1;
+}
+
+.empty-refunds {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	padding: 80px 20px;
+	background-color: #ffffff;
+}
+
+.empty-icon {
+	font-size: 80px;
+	margin-bottom: 20px;
+}
+
+.empty-text {
+	font-size: 16px;
+	color: #666666;
+	margin-bottom: 10px;
+}
+
+.empty-subtext {
+	font-size: 14px;
+	color: #999999;
+	margin-bottom: 30px;
+}
+
+.go-orders-btn {
+	background-color: #007aff;
+	color: #ffffff;
+	padding: 10px 40px;
+	border-radius: 25px;
+	font-size: 14px;
+	border: none;
+}
+
+.refund-item {
+	background-color: #ffffff;
+	margin-bottom: 10px;
+	padding: 15px;
+}
+
+.refund-header {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	margin-bottom: 10px;
+	padding-bottom: 10px;
+	border-bottom: 1px solid #f5f5f5;
+}
+
+.refund-no {
+	font-size: 14px;
+	color: #333333;
+}
+
+.refund-status {
+	font-size: 14px;
+	padding: 4px 10px;
+	border-radius: 12px;
+	color: #ffffff;
+}
+
+.status-pending {
+	background-color: #ffa726;
+}
+
+.status-processing {
+	background-color: #2196f3;
+}
+
+.status-completed {
+	background-color: #4caf50;
+}
+
+.status-cancelled {
+	background-color: #9e9e9e;
+}
+
+.status-rejected {
+	background-color: #f44336;
+}
+
+.order-info {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	margin-bottom: 15px;
+	padding-bottom: 10px;
+	border-bottom: 1px solid #f5f5f5;
+}
+
+.order-no {
+	font-size: 13px;
+	color: #666666;
+}
+
+.order-time {
+	font-size: 12px;
+	color: #999999;
+}
+
+.product-info {
+	display: flex;
+	margin-bottom: 15px;
+}
+
+.product-image {
+	width: 60px;
+	height: 60px;
+	border-radius: 5px;
+	margin-right: 15px;
+}
+
+.product-details {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+}
+
+.product-name {
+	font-size: 14px;
+	color: #333333;
+	line-height: 1.4;
+	margin-bottom: 5px;
+}
+
+.refund-reason {
+	font-size: 12px;
+	color: #666666;
+	margin-bottom: 8px;
+}
+
+.refund-amount {
+	display: flex;
+	align-items: baseline;
+}
+
+.amount-label {
+	font-size: 13px;
+	color: #666666;
+	margin-right: 5px;
+}
+
+.amount-value {
+	font-size: 16px;
+	color: #ff4757;
+	font-weight: bold;
+}
+
+.timeline {
+	padding: 15px 0;
+	border-top: 1px solid #f5f5f5;
+}
+
+.timeline-step {
+	display: flex;
+	margin-bottom: 15px;
+}
+
+.timeline-step:last-child {
+	margin-bottom: 0;
+}
+
+.step-dot {
+	width: 12px;
+	height: 12px;
+	border-radius: 6px;
+	border: 2px solid #e5e5e5;
+	margin-right: 15px;
+	position: relative;
+	top: 3px;
+}
+
+.step-dot.active {
+	border-color: #007aff;
+	background-color: #007aff;
+}
+
+.step-dot.completed {
+	border-color: #4caf50;
+	background-color: #4caf50;
+}
+
+.step-info {
+	flex: 1;
+}
+
+.step-title {
+	font-size: 14px;
+	color: #333333;
+	font-weight: bold;
+	margin-bottom: 3px;
+	display: block;
+}
+
+.step-time {
+	font-size: 12px;
+	color: #999999;
+	margin-bottom: 3px;
+	display: block;
+}
+
+.step-desc {
+	font-size: 12px;
+	color: #666666;
+	display: block;
+}
+
+.refund-actions {
+	display: flex;
+	justify-content: flex-end;
+	gap: 10px;
+	padding-top: 15px;
+	border-top: 1px solid #f5f5f5;
+}
+
+.action-btn {
+	padding: 8px 15px;
+	border-radius: 15px;
+	font-size: 12px;
+	border: 1px solid;
+	background-color: #ffffff;
+}
+
+.action-btn.cancel {
+	border-color: #666666;
+	color: #666666;
+}
+
+.action-btn.contact {
+	border-color: #007aff;
+	color: #007aff;
+}
+
+.action-btn.review {
+	border-color: #ffa726;
+	color: #ffa726;
+}
+
+.action-btn.delete {
+	border-color: #f44336;
+	color: #f44336;
+}
+
+.loading-more,
+.no-more {
+	padding: 20px;
+	text-align: center;
+	background-color: #ffffff;
+}
+
+.loading-text,
+.no-more-text {
+	color: #999999;
+	font-size: 14px;
+}
+
+.apply-btn-container {
+	background-color: #ffffff;
+	padding: 15px;
+	border-top: 1px solid #e5e5e5;
+}
+
+.apply-btn {
+	background-color: #007aff;
+	color: #ffffff;
+	height: 50px;
+	border-radius: 25px;
+	font-size: 16px;
+	font-weight: bold;
+	border: none;
+}
+</style>
\ No newline at end of file
diff --git a/pages/mall/consumer/review.uvue b/pages/mall/consumer/review.uvue
new file mode 100644
index 00000000..e15c0684
--- /dev/null
+++ b/pages/mall/consumer/review.uvue
@@ -0,0 +1,772 @@
+<!-- 评价页面 -->
+<template>
+	<view class="review-page">
+		<!-- 顶部栏 -->
+		<view class="review-header">
+			<text class="back-btn" @click="goBack">‹</text>
+			<text class="header-title">评价商品</text>
+		</view>
+
+		<scroll-view class="review-content" scroll-y>
+			<!-- 订单信息 -->
+			<view class="order-section">
+				<text class="order-no">订单号: {{ order?.order_no }}</text>
+				<text class="order-time">下单时间: {{ formatTime(order?.created_at) }}</text>
+			</view>
+
+			<!-- 商品评价 -->
+			<view class="products-section">
+				<view v-for="(item, index) in orderItems" :key="item.id" class="product-review">
+					<view class="product-header">
+						<image class="product-image" :src="item.product_image || '/static/default-product.png'" />
+						<view class="product-info">
+							<text class="product-name">{{ item.product_name }}</text>
+							<text v-if="item.sku_specifications" class="product-spec">{{ getSpecText(item.sku_specifications) }}</text>
+						</view>
+					</view>
+
+					<!-- 评分 -->
+					<view class="rating-section">
+						<text class="rating-label">评分</text>
+						<view class="rating-stars">
+							<text v-for="star in 5" 
+										:key="star" 
+										class="star-icon"
+										:class="{ active: star <= ratings[index] }"
+										@click="setRating(index, star)">
+								⭐
+							</text>
+						</view>
+						<text class="rating-text">{{ getRatingText(ratings[index]) }}</text>
+					</view>
+
+					<!-- 评价内容 -->
+					<view class="content-section">
+						<textarea class="review-textarea" 
+											v-model="contents[index]" 
+											placeholder="请写下您的使用感受，分享给其他小伙伴吧"
+											maxlength="500" />
+						<text class="word-count">{{ contents[index]?.length || 0 }}/500</text>
+					</view>
+
+					<!-- 图片上传 -->
+					<view class="images-section">
+						<text class="images-label">上传图片(可选)</text>
+						<view class="images-grid">
+							<view v-for="(image, imgIndex) in images[index]" 
+										:key="imgIndex" 
+										class="image-item">
+								<image class="uploaded-image" :src="image" />
+								<text class="delete-image" @click="deleteImage(index, imgIndex)">×</text>
+							</view>
+							<view v-if="images[index].length < 9" 
+										class="upload-btn" 
+										@click="uploadImage(index)">
+								<text class="upload-icon">+</text>
+								<text class="upload-text">添加图片</text>
+							</view>
+						</view>
+					</view>
+
+					<!-- 匿名评价 -->
+					<view class="anonymous-section">
+						<view class="anonymous-switch">
+							<text class="switch-label">匿名评价</text>
+							<switch :checked="anonymous" @change="toggleAnonymous" />
+						</view>
+						<text class="anonymous-tip">评价内容对其他用户不可见</text>
+					</view>
+				</view>
+			</view>
+
+			<!-- 店铺评价 -->
+			<view v-if="merchant" class="merchant-section">
+				<text class="section-title">店铺评价</text>
+				<view class="merchant-rating">
+					<text class="rating-item">商品描述相符</text>
+					<view class="rating-stars small">
+						<text v-for="star in 5" 
+									:key="star" 
+									class="star-icon"
+									:class="{ active: star <= merchantRating.description }"
+									@click="setMerchantRating('description', star)">
+							⭐
+						</text>
+					</view>
+				</view>
+				<view class="merchant-rating">
+					<text class="rating-item">物流服务</text>
+					<view class="rating-stars small">
+						<text v-for="star in 5" 
+									:key="star" 
+									class="star-icon"
+									:class="{ active: star <= merchantRating.logistics }"
+									@click="setMerchantRating('logistics', star)">
+							⭐
+						</text>
+					</view>
+				</view>
+				<view class="merchant-rating">
+					<text class="rating-item">服务态度</text>
+					<view class="rating-stars small">
+						<text v-for="star in 5" 
+									:key="star" 
+									class="star-icon"
+									:class="{ active: star <= merchantRating.service }"
+									@click="setMerchantRating('service', star)">
+							⭐
+						</text>
+					</view>
+				</view>
+			</view>
+
+			<!-- 评价提示 -->
+			<view class="tips-section">
+				<text class="tip-title">评价须知</text>
+				<text class="tip-item">1. 评价后不可修改，请谨慎评价</text>
+				<text class="tip-item">2. 上传图片需为真实商品照片</text>
+				<text class="tip-item">3. 恶意评价将被删除并限制评价功能</text>
+				<text class="tip-item">4. 优质评价可获得积分奖励</text>
+			</view>
+		</scroll-view>
+
+		<!-- 提交按钮 -->
+		<view class="submit-section">
+			<button class="submit-btn" 
+							:class="{ disabled: !canSubmit || isSubmitting }"
+							@click="submitReview">
+				<text v-if="!isSubmitting" class="submit-text">提交评价</text>
+				<text v-else class="submit-text">提交中...</text>
+			</button>
+		</view>
+	</view>
+</template>
+
+<script setup lang="uts">
+import { ref, onMounted, computed } from 'vue'
+import supa from '@/components/supadb/aksupainstance.uts'
+
+type OrderItemType = {
+	id: string
+	product_id: string
+	product_name: string
+	product_image: string
+	sku_specifications: any
+	price: number
+	quantity: number
+}
+
+type MerchantType = {
+	id: string
+	shop_name: string
+	rating: number
+}
+
+const orderId = ref<string>('')
+const order = ref<any>(null)
+const orderItems = ref<Array<OrderItemType>>([])
+const merchant = ref<MerchantType | null>(null)
+const ratings = ref<Array<number>>([])
+const contents = ref<Array<string>>([])
+const images = ref<Array<Array<string>>>([])
+const anonymous = ref<boolean>(false)
+const merchantRating = ref({
+	description: 5,
+	logistics: 5,
+	service: 5
+})
+const isSubmitting = ref<boolean>(false)
+
+// 计算属性
+const canSubmit = computed(() => {
+	// 检查是否所有商品都已评分
+	if (ratings.value.length === 0) return false
+	return ratings.value.every(rating => rating > 0)
+})
+
+// 生命周期
+onMounted(() => {
+	const pages = getCurrentPages()
+	const currentPage = pages[pages.length - 1]
+	const options = currentPage.options as any
+	
+	if (options.orderId) {
+		orderId.value = options.orderId
+		loadOrderData()
+	}
+})
+
+// 加载订单数据
+const loadOrderData = async () => {
+	try {
+		const { data: orderData, error: orderError } = await supa
+			.from('orders')
+			.select('*')
+			.eq('id', orderId.value)
+			.single()
+
+		if (orderError !== null) {
+			console.error('加载订单失败:', orderError)
+			return
+		}
+
+		order.value = orderData
+
+		// 加载订单商品
+		const { data: itemsData, error: itemsError } = await supa
+			.from('order_items')
+			.select(`
+				*,
+				product:product_id(images)
+			`)
+			.eq('order_id', orderId.value)
+
+		if (itemsError !== null) {
+			console.error('加载订单商品失败:', itemsError)
+			return
+		}
+
+		orderItems.value = (itemsData || []).map((item: any) => ({
+			...item,
+			product_image: item.product?.images?.[0] || '/static/default-product.png'
+		}))
+
+		// 初始化评分和内容数组
+		const count = orderItems.value.length
+		ratings.value = new Array(count).fill(5)
+		contents.value = new Array(count).fill('')
+		images.value = new Array(count).fill([])
+
+		// 加载商家信息
+		if (order.value.merchant_id) {
+			const { data: merchantData, error: merchantError } = await supa
+				.from('merchants')
+				.select('id, shop_name, rating')
+				.eq('id', order.value.merchant_id)
+				.single()
+
+			if (!merchantError) {
+				merchant.value = merchantData
+			}
+		}
+
+	} catch (err) {
+		console.error('加载订单数据异常:', err)
+	}
+}
+
+// 格式化时间
+const formatTime = (timeStr?: string): string => {
+	if (!timeStr) return ''
+	const date = new Date(timeStr)
+	const year = date.getFullYear()
+	const month = (date.getMonth() + 1).toString().padStart(2, '0')
+	const day = date.getDate().toString().padStart(2, '0')
+	return `${year}-${month}-${day}`
+}
+
+// 获取规格文本
+const getSpecText = (specs: any): string => {
+	if (!specs) return ''
+	if (typeof specs === 'object') {
+		return Object.keys(specs)
+			.map(key => `${key}: ${specs[key]}`)
+			.join('; ')
+	}
+	return String(specs)
+}
+
+// 获取评分文本
+const getRatingText = (rating: number): string => {
+	const texts = ['非常差', '差', '一般', '好', '非常好']
+	return texts[rating - 1] || '未评价'
+}
+
+// 设置商品评分
+const setRating = (index: number, rating: number) => {
+	ratings.value[index] = rating
+	ratings.value = [...ratings.value]
+}
+
+// 设置商家评分
+const setMerchantRating = (type: keyof typeof merchantRating.value, rating: number) => {
+	merchantRating.value[type] = rating
+	merchantRating.value = { ...merchantRating.value }
+}
+
+// 切换匿名
+const toggleAnonymous = (event: any) => {
+	anonymous.value = event.detail.value
+}
+
+// 上传图片
+const uploadImage = async (index: number) => {
+	// 检查图片数量限制
+	if (images.value[index].length >= 9) {
+		uni.showToast({
+			title: '最多上传9张图片',
+			icon: 'none'
+		})
+		return
+	}
+
+	// 使用uni.chooseImage选择图片
+	uni.chooseImage({
+		count: 9 - images.value[index].length,
+		sizeType: ['compressed'],
+		sourceType: ['album', 'camera'],
+		success: (res) => {
+			const tempFiles = res.tempFilePaths
+			
+			// 模拟上传过程
+			uni.showLoading({
+				title: '上传中...'
+			})
+			
+			setTimeout(() => {
+				// 这里应该调用真实的上传接口
+				images.value[index].push(...tempFiles)
+				images.value = [...images.value]
+				
+				uni.hideLoading()
+				uni.showToast({
+					title: '上传成功',
+					icon: 'success'
+				})
+			}, 1000)
+		}
+	})
+}
+
+// 删除图片
+const deleteImage = (index: number, imgIndex: number) => {
+	images.value[index].splice(imgIndex, 1)
+	images.value = [...images.value]
+}
+
+// 提交评价
+const submitReview = async () => {
+	if (!canSubmit.value || isSubmitting.value) return
+
+	isSubmitting.value = true
+
+	try {
+		const userId = getCurrentUserId()
+		if (!userId) {
+			uni.showToast({
+				title: '用户信息错误',
+				icon: 'none'
+			})
+			return
+		}
+
+		// 提交商品评价
+		const productReviews = orderItems.value.map((item, index) => ({
+			user_id: userId,
+			product_id: item.product_id,
+			order_id: orderId.value,
+			rating: ratings.value[index],
+			content: contents.value[index] || '',
+			images: images.value[index],
+			is_anonymous: anonymous.value,
+			is_valid: true,
+			created_at: new Date().toISOString()
+		}))
+
+		const { error: reviewsError } = await supa
+			.from('product_reviews')
+			.insert(productReviews)
+
+		if (reviewsError !== null) {
+			throw reviewsError
+		}
+
+		// 提交店铺评价
+		if (merchant.value) {
+			const merchantReview = {
+				user_id: userId,
+				merchant_id: merchant.value.id,
+				order_id: orderId.value,
+				description_rating: merchantRating.value.description,
+				logistics_rating: merchantRating.value.logistics,
+				service_rating: merchantRating.value.service,
+				average_rating: (
+					merchantRating.value.description +
+					merchantRating.value.logistics +
+					merchantRating.value.service
+				) / 3,
+				is_anonymous: anonymous.value,
+				created_at: new Date().toISOString()
+			}
+
+			const { error: merchantError } = await supa
+				.from('merchant_reviews')
+				.insert(merchantReview)
+
+			if (merchantError !== null) {
+				console.error('提交店铺评价失败:', merchantError)
+			}
+		}
+
+		// 更新订单状态为已评价
+		const { error: orderError } = await supa
+			.from('orders')
+			.update({ status: 4 }) // 已完成
+			.eq('id', orderId.value)
+
+		if (orderError !== null) {
+			console.error('更新订单状态失败:', orderError)
+		}
+
+		// 显示成功提示
+		uni.showToast({
+			title: '评价成功',
+			icon: 'success',
+			duration: 2000
+		})
+
+		// 跳转到评价成功页面
+		setTimeout(() => {
+			uni.navigateBack()
+		}, 1500)
+
+	} catch (err) {
+		console.error('提交评价失败:', err)
+		uni.showToast({
+			title: '提交失败',
+			icon: 'none'
+		})
+	} finally {
+		isSubmitting.value = false
+	}
+}
+
+// 获取当前用户ID
+const getCurrentUserId = (): string => {
+	const userStore = uni.getStorageSync('userInfo')
+	return userStore?.id || ''
+}
+
+// 返回
+const goBack = () => {
+	uni.navigateBack()
+}
+</script>
+
+<style scoped>
+.review-page {
+	display: flex;
+	flex-direction: column;
+	height: 100vh;
+	background-color: #f5f5f5;
+}
+
+.review-header {
+	background-color: #ffffff;
+	padding: 15px;
+	display: flex;
+	align-items: center;
+	border-bottom: 1px solid #e5e5e5;
+}
+
+.back-btn {
+	font-size: 24px;
+	color: #333333;
+	padding: 5px;
+	margin-right: 15px;
+}
+
+.header-title {
+	font-size: 18px;
+	font-weight: bold;
+	color: #333333;
+}
+
+.review-content {
+	flex: 1;
+}
+
+.order-section {
+	background-color: #ffffff;
+	padding: 15px;
+	margin-bottom: 10px;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.order-no {
+	font-size: 14px;
+	color: #333333;
+}
+
+.order-time {
+	font-size: 12px;
+	color: #999999;
+}
+
+.products-section {
+	background-color: #ffffff;
+	margin-bottom: 10px;
+}
+
+.product-review {
+	padding: 15px;
+	border-bottom: 1px solid #f5f5f5;
+}
+
+.product-review:last-child {
+	border-bottom: none;
+}
+
+.product-header {
+	display: flex;
+	margin-bottom: 20px;
+}
+
+.product-image {
+	width: 60px;
+	height: 60px;
+	border-radius: 5px;
+	margin-right: 15px;
+}
+
+.product-info {
+	flex: 1;
+}
+
+.product-name {
+	font-size: 14px;
+	color: #333333;
+	line-height: 1.4;
+	margin-bottom: 5px;
+	display: block;
+}
+
+.product-spec {
+	font-size: 12px;
+	color: #999999;
+	display: block;
+}
+
+.rating-section {
+	display: flex;
+	align-items: center;
+	margin-bottom: 15px;
+}
+
+.rating-label {
+	font-size: 14px;
+	color: #333333;
+	margin-right: 15px;
+}
+
+.rating-stars {
+	display: flex;
+	gap: 10px;
+}
+
+.rating-stars.small {
+	gap: 5px;
+}
+
+.star-icon {
+	font-size: 24px;
+	color: #cccccc;
+}
+
+.star-icon.active {
+	color: #ffa726;
+}
+
+.rating-text {
+	margin-left: 15px;
+	font-size: 14px;
+	color: #666666;
+}
+
+.content-section {
+	margin-bottom: 15px;
+}
+
+.review-textarea {
+	width: 100%;
+	min-height: 80px;
+	padding: 10px;
+	border: 1px solid #e5e5e5;
+	border-radius: 8px;
+	font-size: 14px;
+	color: #333333;
+	line-height: 1.4;
+}
+
+.word-count {
+	display: block;
+	text-align: right;
+	font-size: 12px;
+	color: #999999;
+	margin-top: 5px;
+}
+
+.images-section {
+	margin-bottom: 15px;
+}
+
+.images-label {
+	display: block;
+	font-size: 14px;
+	color: #333333;
+	margin-bottom: 10px;
+}
+
+.images-grid {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 10px;
+}
+
+.image-item {
+	width: 70px;
+	height: 70px;
+	border-radius: 5px;
+	overflow: hidden;
+	position: relative;
+}
+
+.uploaded-image {
+	width: 100%;
+	height: 100%;
+}
+
+.delete-image {
+	position: absolute;
+	top: 2px;
+	right: 2px;
+	width: 16px;
+	height: 16px;
+	border-radius: 8px;
+	background-color: rgba(0, 0, 0, 0.5);
+	color: #ffffff;
+	font-size: 12px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.upload-btn {
+	width: 70px;
+	height: 70px;
+	border: 1px dashed #cccccc;
+	border-radius: 5px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+}
+
+.upload-icon {
+	font-size: 24px;
+	color: #999999;
+	margin-bottom: 5px;
+}
+
+.upload-text {
+	font-size: 10px;
+	color: #999999;
+}
+
+.anonymous-section {
+	margin-bottom: 15px;
+}
+
+.anonymous-switch {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	margin-bottom: 5px;
+}
+
+.switch-label {
+	font-size: 14px;
+	color: #333333;
+}
+
+.anonymous-tip {
+	display: block;
+	font-size: 12px;
+	color: #999999;
+}
+
+.merchant-section {
+	background-color: #ffffff;
+	padding: 15px;
+	margin-bottom: 10px;
+}
+
+.section-title {
+	display: block;
+	font-size: 16px;
+	font-weight: bold;
+	color: #333333;
+	margin-bottom: 15px;
+}
+
+.merchant-rating {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	margin-bottom: 15px;
+}
+
+.rating-item {
+	font-size: 14px;
+	color: #333333;
+}
+
+.tips-section {
+	background-color: #ffffff;
+	padding: 15px;
+	margin-bottom: 10px;
+}
+
+.tip-title {
+	display: block;
+	font-size: 16px;
+	font-weight: bold;
+	color: #333333;
+	margin-bottom: 10px;
+}
+
+.tip-item {
+	display: block;
+	font-size: 12px;
+	color: #666666;
+	line-height: 1.6;
+	margin-bottom: 5px;
+}
+
+.tip-item:last-child {
+	margin-bottom: 0;
+}
+
+.submit-section {
+	background-color: #ffffff;
+	padding: 15px;
+	border-top: 1px solid #e5e5e5;
+}
+
+.submit-btn {
+	background-color: #007aff;
+	color: #ffffff;
+	height: 50px;
+	border-radius: 25px;
+	font-size: 16px;
+	font-weight: bold;
+	border: none;
+}
+
+.submit-btn.disabled {
+	background-color: #cccccc;
+	opacity: 0.6;
+}
+</style>
\ No newline at end of file
diff --git a/pages/mall/consumer/search.uvue b/pages/mall/consumer/search.uvue
new file mode 100644
index 00000000..82d46a6b
--- /dev/null
+++ b/pages/mall/consumer/search.uvue
@@ -0,0 +1,13 @@
+<template>
+	<view>
+		
+	</view>
+</template>
+
+<script setup>
+	
+</script>
+
+<style>
+
+</style>
\ No newline at end of file
diff --git a/pages/mall/consumer/settings.uvue b/pages/mall/consumer/settings.uvue
new file mode 100644
index 00000000..ad787f66
--- /dev/null
+++ b/pages/mall/consumer/settings.uvue
@@ -0,0 +1,698 @@
+<!-- 设置页面 -->
+<template>
+	<view class="settings-page">
+		<!-- 顶部栏 -->
+		<view class="settings-header">
+			<text class="back-btn" @click="goBack">‹</text>
+			<text class="header-title">设置</text>
+		</view>
+
+		<scroll-view class="settings-content" scroll-y>
+			<!-- 账户设置 -->
+			<view class="settings-section">
+				<text class="section-title">账户设置</text>
+				<view class="section-list">
+					<view class="list-item" @click="goToProfile">
+						<text class="item-icon">👤</text>
+						<text class="item-text">个人资料</text>
+						<text class="item-arrow">›</text>
+					</view>
+					<view class="list-item" @click="goToAddress">
+						<text class="item-icon">📍</text>
+						<text class="item-text">收货地址</text>
+						<text class="item-arrow">›</text>
+					</view>
+					<view class="list-item" @click="changePassword">
+						<text class="item-icon">🔒</text>
+						<text class="item-text">修改密码</text>
+						<text class="item-arrow">›</text>
+					</view>
+					<view class="list-item" @click="bindPhone">
+						<text class="item-icon">📱</text>
+						<text class="item-text">手机绑定</text>
+						<view class="item-right">
+							<text class="item-status" :class="{ bound: userInfo.phone }">
+								{{ userInfo.phone ? '已绑定' : '未绑定' }}
+							</text>
+							<text class="item-arrow">›</text>
+						</view>
+					</view>
+					<view class="list-item" @click="bindEmail">
+						<text class="item-icon">📧</text>
+						<text class="item-text">邮箱绑定</text>
+						<view class="item-right">
+							<text class="item-status" :class="{ bound: userInfo.email }">
+								{{ userInfo.email ? '已绑定' : '未绑定' }}
+							</text>
+							<text class="item-arrow">›</text>
+						</view>
+					</view>
+				</view>
+			</view>
+
+			<!-- 消息通知 -->
+			<view class="settings-section">
+				<text class="section-title">消息通知</text>
+				<view class="section-list">
+					<view class="list-item">
+						<text class="item-icon">🔔</text>
+						<text class="item-text">订单消息</text>
+						<switch :checked="notifications.order" @change="toggleNotification('order')" />
+					</view>
+					<view class="list-item">
+						<text class="item-icon">🎁</text>
+						<text class="item-text">促销活动</text>
+						<switch :checked="notifications.promotion" @change="toggleNotification('promotion')" />
+					</view>
+					<view class="list-item">
+						<text class="item-icon">⭐</text>
+						<text class="item-text">评价提醒</text>
+						<switch :checked="notifications.review" @change="toggleNotification('review')" />
+					</view>
+				</view>
+			</view>
+
+			<!-- 隐私设置 -->
+			<view class="settings-section">
+				<text class="section-title">隐私设置</text>
+				<view class="section-list">
+					<view class="list-item">
+						<text class="item-icon">👁️</text>
+						<text class="item-text">隐藏购物记录</text>
+						<switch :checked="privacy.hidePurchase" @change="togglePrivacy('hidePurchase')" />
+					</view>
+					<view class="list-item">
+						<text class="item-icon">🔍</text>
+						<text class="item-text">允许通过手机号找到我</text>
+						<switch :checked="privacy.allowSearchByPhone" @change="togglePrivacy('allowSearchByPhone')" />
+					</view>
+					<view class="list-item">
+						<text class="item-icon">💬</text>
+						<text class="item-text">接收商家消息</text>
+						<switch :checked="privacy.receiveMerchantMsg" @change="togglePrivacy('receiveMerchantMsg')" />
+					</view>
+				</view>
+			</view>
+
+			<!-- 通用设置 -->
+			<view class="settings-section">
+				<text class="section-title">通用设置</text>
+				<view class="section-list">
+					<view class="list-item" @click="clearCache">
+						<text class="item-icon">🗑️</text>
+						<text class="item-text">清除缓存</text>
+						<view class="item-right">
+							<text class="item-cache">{{ cacheSize }}</text>
+							<text class="item-arrow">›</text>
+						</view>
+					</view>
+					<view class="list-item" @click="changeLanguage">
+						<text class="item-icon">🌐</text>
+						<text class="item-text">语言设置</text>
+						<view class="item-right">
+							<text class="item-status">{{ currentLanguage }}</text>
+							<text class="item-arrow">›</text>
+						</view>
+					</view>
+					<view class="list-item" @click="changeTheme">
+						<text class="item-icon">🎨</text>
+						<text class="item-text">主题设置</text>
+						<view class="item-right">
+							<text class="item-status">{{ currentTheme }}</text>
+							<text class="item-arrow">›</text>
+						</view>
+					</view>
+				</view>
+			</view>
+
+			<!-- 关于我们 -->
+			<view class="settings-section">
+				<text class="section-title">关于我们</text>
+				<view class="section-list">
+					<view class="list-item" @click="aboutUs">
+						<text class="item-icon">ℹ️</text>
+						<text class="item-text">关于商城</text>
+						<text class="item-arrow">›</text>
+					</view>
+					<view class="list-item" @click="userAgreement">
+						<text class="item-icon">📜</text>
+						<text class="item-text">用户协议</text>
+						<text class="item-arrow">›</text>
+					</view>
+					<view class="list-item" @click="privacyPolicy">
+						<text class="item-icon">🛡️</text>
+						<text class="item-text">隐私政策</text>
+						<text class="item-arrow">›</text>
+					</view>
+					<view class="list-item" @click="checkUpdate">
+						<text class="item-icon">🔄</text>
+						<text class="item-text">检查更新</text>
+						<view class="item-right">
+							<text class="item-status">{{ appVersion }}</text>
+							<text class="item-arrow">›</text>
+						</view>
+					</view>
+				</view>
+			</view>
+
+			<!-- 客服与反馈 -->
+			<view class="settings-section">
+				<text class="section-title">客服与反馈</text>
+				<view class="section-list">
+					<view class="list-item" @click="contactService">
+						<text class="item-icon">💬</text>
+						<text class="item-text">联系客服</text>
+						<text class="item-arrow">›</text>
+					</view>
+					<view class="list-item" @click="feedback">
+						<text class="item-icon">📝</text>
+						<text class="item-text">意见反馈</text>
+						<text class="item-arrow">›</text>
+					</view>
+					<view class="list-item" @click="rateApp">
+						<text class="item-icon">⭐</text>
+						<text class="item-text">给个好评</text>
+						<text class="item-arrow">›</text>
+					</view>
+				</view>
+			</view>
+
+			<!-- 退出登录 -->
+			<view class="logout-section">
+				<button class="logout-btn" @click="logout">退出登录</button>
+			</view>
+
+			<!-- 账号注销 -->
+			<view class="delete-account-section">
+				<text class="delete-account" @click="deleteAccount">注销账号</text>
+			</view>
+		</scroll-view>
+	</view>
+</template>
+
+<script setup lang="uts">
+import { ref, onMounted } from 'vue'
+import supa from '@/components/supadb/aksupainstance.uts'
+
+type UserType = {
+	id: string
+	phone: string | null
+	email: string | null
+	nickname: string | null
+	avatar_url: string | null
+}
+
+type NotificationType = {
+	order: boolean
+	promotion: boolean
+	review: boolean
+}
+
+type PrivacyType = {
+	hidePurchase: boolean
+	allowSearchByPhone: boolean
+	receiveMerchantMsg: boolean
+}
+
+const userInfo = ref<UserType>({
+	id: '',
+	phone: null,
+	email: null,
+	nickname: null,
+	avatar_url: null
+})
+const notifications = ref<NotificationType>({
+	order: true,
+	promotion: true,
+	review: true
+})
+const privacy = ref<PrivacyType>({
+	hidePurchase: false,
+	allowSearchByPhone: true,
+	receiveMerchantMsg: true
+})
+const cacheSize = ref<string>('0.0 MB')
+const currentLanguage = ref<string>('简体中文')
+const currentTheme = ref<string>('自动')
+const appVersion = ref<string>('1.0.0')
+
+// 生命周期
+onMounted(() => {
+	loadUserInfo()
+	loadSettings()
+})
+
+// 加载用户信息
+const loadUserInfo = () => {
+	const userStore = uni.getStorageSync('userInfo')
+	if (userStore) {
+		userInfo.value = userStore
+	}
+}
+
+// 加载设置
+const loadSettings = () => {
+	// 从本地存储加载设置
+	const savedNotifications = uni.getStorageSync('userNotifications')
+	if (savedNotifications) {
+		notifications.value = savedNotifications
+	}
+	
+	const savedPrivacy = uni.getStorageSync('userPrivacy')
+	if (savedPrivacy) {
+		privacy.value = savedPrivacy
+	}
+	
+	// 计算缓存大小
+	calculateCacheSize()
+	
+	// 获取应用版本
+	// @ts-ignore
+	const appInfo = uni.getAppBaseInfo()
+	if (appInfo?.appVersion) {
+		appVersion.value = appInfo.appVersion
+	}
+}
+
+// 计算缓存大小
+const calculateCacheSize = () => {
+	// 这里应该计算实际缓存大小，这里使用模拟数据
+	cacheSize.value = '12.5 MB'
+}
+
+// 跳转到个人资料
+const goToProfile = () => {
+	uni.navigateTo({
+		url: '/pages/mall/consumer/profile'
+	})
+}
+
+// 跳转到地址管理
+const goToAddress = () => {
+	uni.navigateTo({
+		url: '/pages/mall/consumer/address'
+	})
+}
+
+// 修改密码
+const changePassword = () => {
+	uni.navigateTo({
+		url: '/pages/user/change-password'
+	})
+}
+
+// 绑定手机
+const bindPhone = () => {
+	uni.navigateTo({
+		url: '/pages/user/bind-phone'
+	})
+}
+
+// 绑定邮箱
+const bindEmail = () => {
+	uni.navigateTo({
+		url: '/pages/user/bind-email'
+	})
+}
+
+// 切换通知设置
+const toggleNotification = (type: keyof NotificationType) => {
+	notifications.value[type] = !notifications.value[type]
+	uni.setStorageSync('userNotifications', notifications.value)
+}
+
+// 切换隐私设置
+const togglePrivacy = (type: keyof PrivacyType) => {
+	privacy.value[type] = !privacy.value[type]
+	uni.setStorageSync('userPrivacy', privacy.value)
+}
+
+// 清除缓存
+const clearCache = () => {
+	uni.showModal({
+		title: '清除缓存',
+		content: `确定要清除 ${cacheSize.value} 缓存吗？`,
+		success: (res) => {
+			if (res.confirm) {
+				// 这里应该清除实际缓存
+				uni.showLoading({
+					title: '清除中...'
+				})
+				
+				setTimeout(() => {
+					cacheSize.value = '0.0 MB'
+					uni.hideLoading()
+					uni.showToast({
+						title: '缓存已清除',
+						icon: 'success'
+					})
+				}, 1000)
+			}
+		}
+	})
+}
+
+// 切换语言
+const changeLanguage = () => {
+	uni.showActionSheet({
+		itemList: ['简体中文', 'English', '日本語'],
+		success: (res) => {
+			const languages = ['简体中文', 'English', '日本語']
+			currentLanguage.value = languages[res.tapIndex]
+			uni.setStorageSync('appLanguage', currentLanguage.value)
+			
+			uni.showToast({
+				title: '语言已切换',
+				icon: 'success'
+			})
+		}
+	})
+}
+
+// 切换主题
+const changeTheme = () => {
+	uni.showActionSheet({
+		itemList: ['自动', '浅色模式', '深色模式'],
+		success: (res) => {
+			const themes = ['自动', '浅色模式', '深色模式']
+			currentTheme.value = themes[res.tapIndex]
+			uni.setStorageSync('appTheme', currentTheme.value)
+			
+			uni.showToast({
+				title: '主题已切换',
+				icon: 'success'
+			})
+		}
+	})
+}
+
+// 关于我们
+const aboutUs = () => {
+	uni.navigateTo({
+		url: '/pages/info/about'
+	})
+}
+
+// 用户协议
+const userAgreement = () => {
+	uni.navigateTo({
+		url: '/pages/user/terms'
+	})
+}
+
+// 隐私政策
+const privacyPolicy = () => {
+	uni.navigateTo({
+		url: '/pages/info/privacy'
+	})
+}
+
+// 检查更新
+const checkUpdate = () => {
+	uni.showLoading({
+		title: '检查更新中...'
+	})
+	
+	setTimeout(() => {
+		uni.hideLoading()
+		uni.showModal({
+			title: '检查更新',
+			content: '当前已是最新版本',
+			showCancel: false
+		})
+	}, 1000)
+}
+
+// 联系客服
+const contactService = () => {
+	uni.navigateTo({
+		url: '/pages/mall/service/chat'
+	})
+}
+
+// 意见反馈
+const feedback = () => {
+	uni.navigateTo({
+		url: '/pages/info/feedback'
+	})
+}
+
+// 给个好评
+const rateApp = () => {
+	// 这里应该跳转到应用商店评分
+	uni.showModal({
+		title: '给个好评',
+		content: '如果喜欢我们的应用，请给个好评吧！',
+		confirmText: '去评分',
+		success: (res) => {
+			if (res.confirm) {
+				// 跳转到应用商店
+				// @ts-ignore
+				uni.navigateToMiniProgram({
+					appId: 'wx1234567890', // 示例AppID
+					fail: () => {
+						uni.showToast({
+							title: '跳转失败',
+							icon: 'none'
+						})
+					}
+				})
+			}
+		}
+	})
+}
+
+// 退出登录
+const logout = () => {
+	uni.showModal({
+		title: '退出登录',
+		content: '确定要退出登录吗？',
+		success: async (res) => {
+			if (res.confirm) {
+				try {
+					// 调用登出接口
+					const { error } = await supa.auth.signOut()
+					
+					if (error !== null) {
+						console.error('登出失败:', error)
+						uni.showToast({
+							title: '登出失败',
+							icon: 'none'
+						})
+						return
+					}
+					
+					// 清除本地存储
+					uni.removeStorageSync('userInfo')
+					uni.removeStorageSync('token')
+					uni.removeStorageSync('userSettings')
+					
+					// 跳转到登录页
+					uni.reLaunch({
+						url: '/pages/user/login'
+					})
+					
+				} catch (err) {
+					console.error('登出异常:', err)
+					uni.showToast({
+						title: '登出失败',
+						icon: 'none'
+					})
+				}
+			}
+		}
+	})
+}
+
+// 注销账号
+const deleteAccount = () => {
+	uni.showModal({
+		title: '注销账号',
+		content: '确定要注销账号吗？此操作不可恢复，所有数据将被删除！',
+		confirmText: '注销',
+		confirmColor: '#ff4757',
+		success: async (res) => {
+			if (res.confirm) {
+				uni.showLoading({
+					title: '处理中...'
+				})
+				
+				try {
+					const userId = userInfo.value.id
+					
+					// 这里应该调用注销账号的API
+					const { error } = await supa
+						.from('users')
+						.update({ status: 0 }) // 标记为注销状态
+						.eq('id', userId)
+					
+					if (error !== null) {
+						throw error
+					}
+					
+					// 清除本地存储
+					uni.removeStorageSync('userInfo')
+					uni.removeStorageSync('token')
+					
+					// 提示并跳转
+					uni.hideLoading()
+					uni.showToast({
+						title: '账号已注销',
+						icon: 'success',
+						duration: 2000
+					})
+					
+					setTimeout(() => {
+						uni.reLaunch({
+							url: '/pages/user/login'
+						})
+					}, 1500)
+					
+				} catch (err) {
+					uni.hideLoading()
+					console.error('注销账号失败:', err)
+					uni.showToast({
+						title: '注销失败',
+						icon: 'none'
+					})
+				}
+			}
+		}
+	})
+}
+
+// 返回
+const goBack = () => {
+	uni.navigateBack()
+}
+</script>
+
+<style scoped>
+.settings-page {
+	display: flex;
+	flex-direction: column;
+	height: 100vh;
+	background-color: #f5f5f5;
+}
+
+.settings-header {
+	background-color: #ffffff;
+	padding: 15px;
+	display: flex;
+	align-items: center;
+	border-bottom: 1px solid #e5e5e5;
+}
+
+.back-btn {
+	font-size: 24px;
+	color: #333333;
+	padding: 5px;
+	margin-right: 15px;
+}
+
+.header-title {
+	font-size: 18px;
+	font-weight: bold;
+	color: #333333;
+}
+
+.settings-content {
+	flex: 1;
+}
+
+.settings-section {
+	background-color: #ffffff;
+	margin-bottom: 10px;
+	padding: 15px;
+}
+
+.section-title {
+	display: block;
+	font-size: 16px;
+	font-weight: bold;
+	color: #333333;
+	margin-bottom: 15px;
+}
+
+.section-list {
+	display: flex;
+	flex-direction: column;
+}
+
+.list-item {
+	display: flex;
+	align-items: center;
+	padding: 15px 0;
+	border-bottom: 1px solid #f5f5f5;
+}
+
+.list-item:last-child {
+	border-bottom: none;
+}
+
+.item-icon {
+	font-size: 20px;
+	margin-right: 15px;
+}
+
+.item-text {
+	flex: 1;
+	font-size: 14px;
+	color: #333333;
+}
+
+.item-arrow {
+	color: #999999;
+	font-size: 16px;
+	margin-left: 10px;
+}
+
+.item-right {
+	display: flex;
+	align-items: center;
+}
+
+.item-status {
+	font-size: 12px;
+	color: #999999;
+	margin-right: 10px;
+}
+
+.item-status.bound {
+	color: #4caf50;
+}
+
+.item-cache {
+	font-size: 12px;
+	color: #999999;
+	margin-right: 10px;
+}
+
+.logout-section {
+	background-color: #ffffff;
+	margin-top: 10px;
+	padding: 15px;
+}
+
+.logout-btn {
+	background-color: #ffffff;
+	color: #ff4757;
+	height: 45px;
+	border: 1px solid #ff4757;
+	border-radius: 22.5px;
+	font-size: 16px;
+	font-weight: bold;
+}
+
+.delete-account-section {
+	background-color: #ffffff;
+	padding: 20px 15px;
+	text-align: center;
+}
+
+.delete-account {
+	color: #999999;
+	font-size: 14px;
+	text-decoration: underline;
+}
+</style>
\ No newline at end of file
diff --git a/pages/mall/consumer/wallet.uvue b/pages/mall/consumer/wallet.uvue
new file mode 100644
index 00000000..f51846ce
--- /dev/null
+++ b/pages/mall/consumer/wallet.uvue
@@ -0,0 +1,950 @@
+<!-- 钱包页面 -->
+<template>
+	<view class="wallet-page">
+		<!-- 顶部栏 -->
+		<view class="wallet-header">
+			<text class="back-btn" @click="goBack">‹</text>
+			<text class="header-title">我的钱包</text>
+			<text class="more-btn" @click="showMoreActions">···</text>
+		</view>
+
+		<scroll-view class="wallet-content" scroll-y>
+			<!-- 余额概览 -->
+			<view class="balance-overview">
+				<text class="balance-label">账户余额</text>
+				<text class="balance-value">¥{{ balance.toFixed(2) }}</text>
+				<view class="balance-actions">
+					<button class="action-btn recharge" @click="recharge">充值</button>
+					<button class="action-btn withdraw" @click="withdraw">提现</button>
+				</view>
+			</view>
+
+			<!-- 资产统计 -->
+			<view class="assets-stats">
+				<view class="stat-item">
+					<text class="stat-label">累计充值</text>
+					<text class="stat-value">¥{{ stats.totalRecharge.toFixed(2) }}</text>
+				</view>
+				<view class="stat-item">
+					<text class="stat-label">累计消费</text>
+					<text class="stat-value">¥{{ stats.totalConsume.toFixed(2) }}</text>
+				</view>
+				<view class="stat-item">
+					<text class="stat-label">累计提现</text>
+					<text class="stat-value">¥{{ stats.totalWithdraw.toFixed(2) }}</text>
+				</view>
+			</view>
+
+			<!-- 快捷功能 -->
+			<view class="quick-actions">
+				<view class="action-grid">
+					<view class="action-item" @click="goToCoupons">
+						<text class="action-icon">🎫</text>
+						<text class="action-text">优惠券</text>
+					</view>
+					<view class="action-item" @click="goToRedPackets">
+						<text class="action-icon">🧧</text>
+						<text class="action-text">红包</text>
+					</view>
+					<view class="action-item" @click="goToPoints">
+						<text class="action-icon">⭐</text>
+						<text class="action-text">积分</text>
+					</view>
+					<view class="action-item" @click="goToBankCards">
+						<text class="action-icon">💳</text>
+						<text class="action-text">银行卡</text>
+					</view>
+				</view>
+			</view>
+
+			<!-- 交易记录 -->
+			<view class="transactions-section">
+				<view class="section-header">
+					<text class="section-title">交易记录</text>
+					<view class="filter-tabs">
+						<text :class="['filter-tab', { active: activeFilter === 'all' }]" 
+									@click="changeFilter('all')">全部</text>
+						<text :class="['filter-tab', { active: activeFilter === 'income' }]" 
+									@click="changeFilter('income')">收入</text>
+						<text :class="['filter-tab', { active: activeFilter === 'expense' }]" 
+									@click="changeFilter('expense')">支出</text>
+					</view>
+				</view>
+
+				<!-- 空状态 -->
+				<view v-if="transactions.length === 0 && !isLoading" class="empty-transactions">
+					<text class="empty-icon">💰</text>
+					<text class="empty-text">暂无交易记录</text>
+					<text class="empty-subtext">快去使用钱包功能吧</text>
+				</view>
+
+				<!-- 交易列表 -->
+				<view class="transactions-list">
+					<view v-for="transaction in transactions" 
+								:key="transaction.id" 
+								class="transaction-item">
+						<view class="transaction-left">
+							<text class="transaction-icon">{{ getTransactionIcon(transaction.type) }}</text>
+							<view class="transaction-info">
+								<text class="transaction-title">{{ getTransactionTitle(transaction.type) }}</text>
+								<text class="transaction-time">{{ formatTime(transaction.created_at) }}</text>
+								<text v-if="transaction.remark" class="transaction-remark">{{ transaction.remark }}</text>
+							</view>
+						</view>
+						<view class="transaction-right">
+							<text :class="['transaction-amount', 
+													 { income: transaction.amount > 0, expense: transaction.amount < 0 }]">
+								{{ transaction.amount > 0 ? '+' : '' }}¥{{ Math.abs(transaction.amount).toFixed(2) }}
+							</text>
+							<text class="transaction-balance">余额: ¥{{ transaction.current_balance.toFixed(2) }}</text>
+						</view>
+					</view>
+				</view>
+
+				<!-- 加载更多 -->
+				<view v-if="isLoading" class="loading-more">
+					<text class="loading-text">加载中...</text>
+				</view>
+				<view v-if="!hasMore && transactions.length > 0" class="no-more">
+					<text class="no-more-text">没有更多记录了</text>
+				</view>
+			</view>
+
+			<!-- 安全提示 -->
+			<view class="security-tips">
+				<text class="tip-title">安全提示</text>
+				<text class="tip-item">1. 请妥善保管您的支付密码</text>
+				<text class="tip-item">2. 不要向他人透露您的账户信息</text>
+				<text class="tip-item">3. 定期修改密码以确保账户安全</text>
+			</view>
+		</scroll-view>
+
+		<!-- 充值弹窗 -->
+		<view v-if="showRechargePopup" class="recharge-popup">
+			<view class="popup-mask" @click="closeRechargePopup"></view>
+			<view class="popup-content">
+				<view class="popup-header">
+					<text class="popup-title">充值</text>
+					<text class="popup-close" @click="closeRechargePopup">×</text>
+				</view>
+				<view class="popup-body">
+					<text class="amount-label">充值金额</text>
+					<view class="amount-input">
+						<text class="currency-symbol">¥</text>
+						<input class="amount-field" 
+									 v-model="rechargeAmount" 
+									 type="number" 
+									 placeholder="请输入充值金额"
+									 focus />
+					</view>
+					<view class="quick-amounts">
+						<text v-for="amount in quickAmounts" 
+									:key="amount" 
+									:class="['quick-amount', { active: rechargeAmount === amount.toString() }]"
+									@click="selectQuickAmount(amount)">
+							¥{{ amount }}
+						</text>
+					</view>
+					<text class="recharge-tip">单笔充值最低10元，最高5000元</text>
+				</view>
+				<view class="popup-footer">
+					<button class="cancel-btn" @click="closeRechargePopup">取消</button>
+					<button class="confirm-btn" 
+									:class="{ disabled: !canRecharge }"
+									@click="confirmRecharge">
+						确认充值
+					</button>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup lang="uts">
+import { ref, onMounted, computed, watch } from 'vue'
+import supa from '@/components/supadb/aksupainstance.uts'
+
+type WalletType = {
+	id: string
+	user_id: string
+	balance: number
+	total_recharge: number
+	total_consume: number
+	total_withdraw: number
+	updated_at: string
+}
+
+type TransactionType = {
+	id: string
+	user_id: string
+	change_amount: number
+	current_balance: number
+	change_type: string // 'recharge' | 'consume' | 'withdraw' | 'refund' | 'reward'
+	related_id: string | null
+	remark: string | null
+	created_at: string
+}
+
+type StatsType = {
+	totalRecharge: number
+	totalConsume: number
+	totalWithdraw: number
+}
+
+const balance = ref<number>(0)
+const stats = ref<StatsType>({
+	totalRecharge: 0,
+	totalConsume: 0,
+	totalWithdraw: 0
+})
+const transactions = ref<Array<TransactionType>>([])
+const activeFilter = ref<string>('all')
+const isLoading = ref<boolean>(false)
+const currentPage = ref<number>(1)
+const pageSize = ref<number>(20)
+const hasMore = ref<boolean>(true)
+const showRechargePopup = ref<boolean>(false)
+const rechargeAmount = ref<string>('')
+const quickAmounts = [50, 100, 200, 500, 1000]
+
+// 计算属性
+const canRecharge = computed(() => {
+	const amount = parseFloat(rechargeAmount.value)
+	return !isNaN(amount) && amount >= 10 && amount <= 5000
+})
+
+// 监听过滤器变化
+watch(activeFilter, () => {
+	resetTransactions()
+	loadTransactions()
+})
+
+// 生命周期
+onMounted(() => {
+	loadWalletData()
+})
+
+// 重置交易记录
+const resetTransactions = () => {
+	transactions.value = []
+	currentPage.value = 1
+	hasMore.value = true
+}
+
+// 加载钱包数据
+const loadWalletData = async () => {
+	const userId = getCurrentUserId()
+	if (!userId) {
+		uni.navigateTo({
+			url: '/pages/user/login'
+		})
+		return
+	}
+
+	await Promise.all([
+		loadBalance(),
+		loadTransactions()
+	])
+}
+
+// 加载余额信息
+const loadBalance = async () => {
+	const userId = getCurrentUserId()
+	if (!userId) return
+
+	try {
+		const { data, error } = await supa
+			.from('user_wallets')
+			.select('*')
+			.eq('user_id', userId)
+			.single()
+
+		if (error !== null) {
+			console.error('加载钱包失败:', error)
+			return
+		}
+
+		if (data) {
+			balance.value = data.balance || 0
+			stats.value = {
+				totalRecharge: data.total_recharge || 0,
+				totalConsume: data.total_consume || 0,
+				totalWithdraw: data.total_withdraw || 0
+			}
+		}
+	} catch (err) {
+		console.error('加载钱包异常:', err)
+	}
+}
+
+// 加载交易记录
+const loadTransactions = async (loadMore: boolean = false) => {
+	if (isLoading.value || (!hasMore.value && loadMore)) {
+		return
+	}
+
+	isLoading.value = true
+
+	try {
+		const userId = getCurrentUserId()
+		if (!userId) return
+
+		const page = loadMore ? currentPage.value + 1 : 1
+		
+		let query = supa
+			.from('balance_records')
+			.select('*')
+			.eq('user_id', userId)
+			.order('created_at', { ascending: false })
+
+		// 根据过滤器筛选
+		if (activeFilter.value === 'income') {
+			query = query.gt('change_amount', 0)
+		} else if (activeFilter.value === 'expense') {
+			query = query.lt('change_amount', 0)
+		}
+
+		// 分页
+		query = query.range((page - 1) * pageSize.value, page * pageSize.value - 1)
+
+		const { data, error } = await query
+
+		if (error !== null) {
+			console.error('加载交易记录失败:', error)
+			return
+		}
+
+		const newTransactions = data || []
+
+		if (loadMore) {
+			transactions.value.push(...newTransactions)
+			currentPage.value = page
+		} else {
+			transactions.value = newTransactions
+			currentPage.value = 1
+		}
+
+		hasMore.value = newTransactions.length === pageSize.value
+	} catch (err) {
+		console.error('加载交易记录异常:', err)
+	} finally {
+		isLoading.value = false
+	}
+}
+
+// 获取当前用户ID
+const getCurrentUserId = (): string => {
+	const userStore = uni.getStorageSync('userInfo')
+	return userStore?.id || ''
+}
+
+// 获取交易图标
+const getTransactionIcon = (type: string): string => {
+	const icons: Record<string, string> = {
+		recharge: '💳',
+		consume: '🛒',
+		withdraw: '🏦',
+		refund: '🔄',
+		reward: '🎁',
+		income: '💰',
+		expense: '📤'
+	}
+	return icons[type] || '💰'
+}
+
+// 获取交易标题
+const getTransactionTitle = (type: string): string => {
+	const titles: Record<string, string> = {
+		recharge: '账户充值',
+		consume: '商品消费',
+		withdraw: '余额提现',
+		refund: '订单退款',
+		reward: '活动奖励',
+		income: '收入',
+		expense: '支出'
+	}
+	return titles[type] || '交易'
+}
+
+// 格式化时间
+const formatTime = (timeStr: string): string => {
+	const date = new Date(timeStr)
+	const month = (date.getMonth() + 1).toString().padStart(2, '0')
+	const day = date.getDate().toString().padStart(2, '0')
+	const hours = date.getHours().toString().padStart(2, '0')
+	const minutes = date.getMinutes().toString().padStart(2, '0')
+	return `${month}-${day} ${hours}:${minutes}`
+}
+
+// 显示更多操作
+const showMoreActions = () => {
+	uni.showActionSheet({
+		itemList: ['交易记录', '安全设置', '帮助中心'],
+		success: (res) => {
+			switch (res.tapIndex) {
+				case 0:
+					// 交易记录已经在当前页
+					break
+				case 1:
+					uni.navigateTo({
+						url: '/pages/mall/consumer/settings'
+					})
+					break
+				case 2:
+					uni.navigateTo({
+						url: '/pages/info/help'
+					})
+					break
+			}
+		}
+	})
+}
+
+// 充值
+const recharge = () => {
+	showRechargePopup.value = true
+	rechargeAmount.value = ''
+}
+
+// 提现
+const withdraw = () => {
+	uni.navigateTo({
+		url: '/pages/mall/consumer/withdraw'
+	})
+}
+
+// 跳转到优惠券
+const goToCoupons = () => {
+	uni.navigateTo({
+		url: '/pages/mall/consumer/coupons'
+	})
+}
+
+// 跳转到红包
+const goToRedPackets = () => {
+	uni.navigateTo({
+		url: '/pages/mall/consumer/red-packets'
+	})
+}
+
+// 跳转到积分
+const goToPoints = () => {
+	uni.navigateTo({
+		url: '/pages/mall/consumer/points'
+	})
+}
+
+// 跳转到银行卡
+const goToBankCards = () => {
+	uni.navigateTo({
+		url: '/pages/mall/consumer/bank-cards'
+	})
+}
+
+// 切换过滤器
+const changeFilter = (filter: string) => {
+	activeFilter.value = filter
+}
+
+// 加载更多
+const loadMore = () => {
+	if (hasMore.value && !isLoading.value) {
+		loadTransactions(true)
+	}
+}
+
+// 选择快捷金额
+const selectQuickAmount = (amount: number) => {
+	rechargeAmount.value = amount.toString()
+}
+
+// 确认充值
+const confirmRecharge = async () => {
+	if (!canRecharge.value) return
+
+	const amount = parseFloat(rechargeAmount.value)
+	if (isNaN(amount)) return
+
+	// 这里应该跳转到支付页面进行充值
+	uni.navigateTo({
+		url: `/pages/mall/consumer/payment?type=recharge&amount=${amount}`
+	})
+	
+	closeRechargePopup()
+}
+
+// 关闭充值弹窗
+const closeRechargePopup = () => {
+	showRechargePopup.value = false
+	rechargeAmount.value = ''
+}
+
+// 返回
+const goBack = () => {
+	uni.navigateBack()
+}
+</script>
+
+<style scoped>
+.wallet-page {
+	display: flex;
+	flex-direction: column;
+	height: 100vh;
+	background-color: #f5f5f5;
+}
+
+.wallet-header {
+	background-color: #ffffff;
+	padding: 15px;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	border-bottom: 1px solid #e5e5e5;
+}
+
+.back-btn {
+	font-size: 24px;
+	color: #333333;
+	padding: 5px;
+}
+
+.header-title {
+	font-size: 18px;
+	font-weight: bold;
+	color: #333333;
+}
+
+.more-btn {
+	color: #333333;
+	font-size: 20px;
+	padding: 5px;
+}
+
+.wallet-content {
+	flex: 1;
+}
+
+.balance-overview {
+	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+	padding: 30px 20px;
+	color: #ffffff;
+}
+
+.balance-label {
+	display: block;
+	font-size: 14px;
+	opacity: 0.9;
+	margin-bottom: 10px;
+	text-align: center;
+}
+
+.balance-value {
+	display: block;
+	font-size: 36px;
+	font-weight: bold;
+	margin-bottom: 20px;
+	text-align: center;
+}
+
+.balance-actions {
+	display: flex;
+	gap: 20px;
+}
+
+.action-btn {
+	flex: 1;
+	height: 40px;
+	border-radius: 20px;
+	font-size: 14px;
+	font-weight: bold;
+	border: none;
+}
+
+.action-btn.recharge {
+	background-color: #ffffff;
+	color: #667eea;
+}
+
+.action-btn.withdraw {
+	background-color: rgba(255, 255, 255, 0.2);
+	color: #ffffff;
+	border: 1px solid rgba(255, 255, 255, 0.5);
+}
+
+.assets-stats {
+	background-color: #ffffff;
+	padding: 20px;
+	display: flex;
+	justify-content: space-between;
+	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+.stat-item {
+	flex: 1;
+	text-align: center;
+}
+
+.stat-label {
+	display: block;
+	font-size: 12px;
+	color: #666666;
+	margin-bottom: 8px;
+}
+
+.stat-value {
+	display: block;
+	font-size: 16px;
+	font-weight: bold;
+	color: #333333;
+}
+
+.quick-actions {
+	background-color: #ffffff;
+	margin-top: 10px;
+	padding: 20px;
+}
+
+.action-grid {
+	display: flex;
+	justify-content: space-between;
+}
+
+.action-item {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}
+
+.action-icon {
+	font-size: 28px;
+	margin-bottom: 8px;
+}
+
+.action-text {
+	font-size: 12px;
+	color: #666666;
+}
+
+.transactions-section {
+	background-color: #ffffff;
+	margin-top: 10px;
+	padding: 15px;
+}
+
+.section-header {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	margin-bottom: 15px;
+}
+
+.section-title {
+	font-size: 16px;
+	font-weight: bold;
+	color: #333333;
+}
+
+.filter-tabs {
+	display: flex;
+	gap: 15px;
+}
+
+.filter-tab {
+	font-size: 14px;
+	color: #666666;
+	padding: 5px 0;
+	position: relative;
+}
+
+.filter-tab.active {
+	color: #007aff;
+	font-weight: bold;
+}
+
+.filter-tab.active::after {
+	content: '';
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	height: 2px;
+	background-color: #007aff;
+}
+
+.empty-transactions {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	padding: 40px 20px;
+}
+
+.empty-icon {
+	font-size: 60px;
+	margin-bottom: 20px;
+}
+
+.empty-text {
+	font-size: 16px;
+	color: #666666;
+	margin-bottom: 10px;
+}
+
+.empty-subtext {
+	font-size: 14px;
+	color: #999999;
+}
+
+.transactions-list {
+	display: flex;
+	flex-direction: column;
+}
+
+.transaction-item {
+	display: flex;
+	justify-content: space-between;
+	align-items: flex-start;
+	padding: 15px 0;
+	border-bottom: 1px solid #f5f5f5;
+}
+
+.transaction-item:last-child {
+	border-bottom: none;
+}
+
+.transaction-left {
+	display: flex;
+	align-items: flex-start;
+}
+
+.transaction-icon {
+	font-size: 24px;
+	margin-right: 15px;
+}
+
+.transaction-info {
+	display: flex;
+	flex-direction: column;
+}
+
+.transaction-title {
+	font-size: 14px;
+	color: #333333;
+	font-weight: bold;
+	margin-bottom: 5px;
+}
+
+.transaction-time {
+	font-size: 12px;
+	color: #999999;
+	margin-bottom: 3px;
+}
+
+.transaction-remark {
+	font-size: 12px;
+	color: #666666;
+}
+
+.transaction-right {
+	display: flex;
+	flex-direction: column;
+	align-items: flex-end;
+}
+
+.transaction-amount {
+	font-size: 16px;
+	font-weight: bold;
+	margin-bottom: 5px;
+}
+
+.transaction-amount.income {
+	color: #4caf50;
+}
+
+.transaction-amount.expense {
+	color: #333333;
+}
+
+.transaction-balance {
+	font-size: 12px;
+	color: #999999;
+}
+
+.loading-more,
+.no-more {
+	padding: 20px;
+	text-align: center;
+}
+
+.loading-text,
+.no-more-text {
+	color: #999999;
+	font-size: 14px;
+}
+
+.security-tips {
+	background-color: #ffffff;
+	margin-top: 10px;
+	padding: 20px;
+}
+
+.tip-title {
+	display: block;
+	font-size: 16px;
+	font-weight: bold;
+	color: #333333;
+	margin-bottom: 15px;
+}
+
+.tip-item {
+	display: block;
+	font-size: 12px;
+	color: #666666;
+	line-height: 1.6;
+	margin-bottom: 8px;
+}
+
+.tip-item:last-child {
+	margin-bottom: 0;
+}
+
+.recharge-popup {
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	z-index: 999;
+}
+
+.popup-mask {
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	background-color: rgba(0, 0, 0, 0.5);
+}
+
+.popup-content {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	background-color: #ffffff;
+	border-top-left-radius: 15px;
+	border-top-right-radius: 15px;
+	padding: 20px;
+}
+
+.popup-header {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	margin-bottom: 20px;
+	padding-bottom: 15px;
+	border-bottom: 1px solid #e5e5e5;
+}
+
+.popup-title {
+	font-size: 18px;
+	font-weight: bold;
+	color: #333333;
+}
+
+.popup-close {
+	font-size: 24px;
+	color: #999999;
+	padding: 5px;
+}
+
+.popup-body {
+	margin-bottom: 20px;
+}
+
+.amount-label {
+	display: block;
+	font-size: 14px;
+	color: #333333;
+	margin-bottom: 10px;
+}
+
+.amount-input {
+	display: flex;
+	align-items: center;
+	margin-bottom: 20px;
+	padding: 10px;
+	border: 1px solid #e5e5e5;
+	border-radius: 8px;
+}
+
+.currency-symbol {
+	font-size: 20px;
+	color: #333333;
+	margin-right: 10px;
+}
+
+.amount-field {
+	flex: 1;
+	font-size: 24px;
+	font-weight: bold;
+	color: #333333;
+}
+
+.quick-amounts {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 10px;
+	margin-bottom: 15px;
+}
+
+.quick-amount {
+	padding: 8px 15px;
+	border: 1px solid #e5e5e5;
+	border-radius: 15px;
+	font-size: 14px;
+	color: #333333;
+}
+
+.quick-amount.active {
+	background-color: #007aff;
+	color: #ffffff;
+	border-color: #007aff;
+}
+
+.recharge-tip {
+	display: block;
+	font-size: 12px;
+	color: #999999;
+}
+
+.popup-footer {
+	display: flex;
+	gap: 15px;
+}
+
+.cancel-btn,
+.confirm-btn {
+	flex: 1;
+	height: 45px;
+	border-radius: 22.5px;
+	font-size: 16px;
+	font-weight: bold;
+	border: none;
+}
+
+.cancel-btn {
+	background-color: #f5f5f5;
+	color: #666666;
+}
+
+.confirm-btn {
+	background-color: #007aff;
+	color: #ffffff;
+}
+
+.confirm-btn.disabled {
+	background-color: #cccccc;
+	opacity: 0.6;
+}
+</style>
\ No newline at end of file
diff --git a/static/images/default-banner.png b/static/images/default-banner.png
new file mode 100644
index 00000000..e69de29b
diff --git a/static/images/default-product.png b/static/images/default-product.png
new file mode 100644
index 00000000..e69de29b
diff --git a/types/mall-types - 副本.uts b/types/mall-types - 副本.uts
new file mode 100644
index 00000000..b4722d09
--- /dev/null
+++ b/types/mall-types - 副本.uts	
@@ -0,0 +1,365 @@
+// 电商商城系统类型定义 - UTS Android 兼容
+
+// 用户类型
+export type UserType = {
+	id: string
+	phone: string
+	email: string | null
+	nickname: string | null
+	avatar_url: string | null
+	gender: number
+	user_type: number
+	status: number
+	created_at: string
+}
+
+// 商城用户扩展信息类型
+export type MallUserProfileType = {
+	id: string
+	user_id: string
+	user_type: number
+	status: number
+	real_name: string | null
+	id_card: string | null
+	credit_score: number
+	mall_role: string
+	verification_status: number
+	verification_data: UTSJSONObject | null
+	business_license: string | null
+	shop_category: string | null
+	service_areas: UTSJSONObject | null
+	emergency_contact: string | null
+	preferences: UTSJSONObject | null
+	created_at: string
+	updated_at: string
+}
+
+// 用户地址类型
+export type UserAddressType = {
+	id: string
+	user_id: string
+	receiver_name: string
+	receiver_phone: string
+	province: string
+	city: string
+	district: string
+	address_detail: string
+	postal_code: string | null
+	is_default: boolean
+	label: string | null
+	coordinates: string | null
+	delivery_instructions: string | null
+	business_hours: string | null
+	status: number
+	created_at: string
+	updated_at: string
+}
+
+// 商家类型
+export type MerchantType = {
+	id: string
+	user_id: string
+	shop_name: string
+	shop_logo: string | null
+	shop_banner: string | null
+	shop_description: string | null
+	contact_name: string
+	contact_phone: string
+	shop_status: number
+	rating: number
+	total_sales: number
+	created_at: string
+}
+
+// 商品类型
+export type ProductType = {
+	id: string
+	merchant_id: string
+	category_id: string
+	name: string
+	description: string | null
+	images: Array<string>
+	price: number
+	original_price: number | null
+	stock: number
+	sales: number
+	status: number
+	created_at: string
+}
+
+// 商品SKU类型
+export type ProductSkuType = {
+	id: string
+	product_id: string
+	sku_code: string
+	specifications: UTSJSONObject | null
+	price: number
+	stock: number
+	image_url: string | null
+	status: number
+}
+
+// 购物车类型
+export type CartItemType = {
+	id: string
+	user_id: string
+	product_id: string
+	sku_id: string
+	quantity: number
+	selected: boolean
+	product: ProductType | null
+	sku: ProductSkuType | null
+}
+
+// 订单类型
+export type OrderType = {
+	id: string
+	order_no: string
+	user_id: string
+	merchant_id: string
+	status: number
+	total_amount: number
+	discount_amount: number
+	delivery_fee: number
+	actual_amount: number
+	payment_method: number | null
+	payment_status: number
+	delivery_address: UTSJSONObject
+	created_at: string
+}
+
+// 订单商品类型
+export type OrderItemType = {
+	id: string
+	order_id: string
+	product_id: string
+	sku_id: string
+	product_name: string
+	sku_specifications: UTSJSONObject | null
+	price: number
+	quantity: number
+	total_amount: number
+}
+
+// 配送员类型
+export type DeliveryDriverType = {
+	id: string
+	user_id: string
+	real_name: string
+	id_card: string
+	driver_license: string | null
+	vehicle_type: number
+	vehicle_number: string | null
+	work_status: number
+	current_location: UTSJSONObject | null
+	service_areas: Array<string>
+	rating: number
+	total_orders: number
+	auth_status: number
+	created_at: string
+	updated_at: string
+}
+
+// 配送任务类型
+export type DeliveryTaskType = {
+	id: string
+	order_id: string
+	driver_id: string | null
+	pickup_address: UTSJSONObject
+	delivery_address: UTSJSONObject
+	distance: number | null
+	estimated_time: number | null
+	delivery_fee: number
+	status: number
+	pickup_time: string | null
+	delivered_time: string | null
+	delivery_code: string | null
+	remark: string | null
+	created_at: string
+	updated_at: string
+}
+
+// 优惠券模板类型
+export type CouponTemplateType = {
+	id: string
+	name: string
+	description: string | null
+	coupon_type: number
+	discount_type: number
+	discount_value: number
+	min_order_amount: number
+	max_discount_amount: number | null
+	total_quantity: number | null
+	per_user_limit: number
+	usage_limit: number
+	merchant_id: string | null
+	category_ids: Array<string>
+	product_ids: Array<string>
+	user_type_limit: number | null
+	start_time: string
+	end_time: string
+	status: number
+	created_at: string
+}
+
+// 用户优惠券类型
+export type UserCouponType = {
+	id: string
+	user_id: string
+	template_id: string
+	coupon_code: string
+	status: number
+	used_at: string | null
+	order_id: string | null
+	received_at: string
+	expire_at: string
+}
+
+// 分页数据类型
+export type PageDataType<T> = {
+	data: Array<T>
+	total: number
+	page: number
+	pageSize: number
+	hasMore: boolean
+}
+
+// API响应类型
+export type ApiResponseType<T> = {
+	success: boolean
+	data: T | null
+	message: string
+	code: number
+}
+
+// 订单状态枚举
+export const ORDER_STATUS = {
+	PENDING_PAYMENT: 1,
+	PAID: 2,
+	SHIPPED: 3,
+	DELIVERED: 4,
+	COMPLETED: 5,
+	CANCELLED: 6,
+	REFUNDING: 7,
+	REFUNDED: 8
+} as const
+
+// 优惠券类型枚举
+export const COUPON_TYPE = {
+	DISCOUNT_AMOUNT: 1, // 满减券
+	DISCOUNT_PERCENT: 2, // 折扣券
+	FREE_SHIPPING: 3, // 免运费券
+	NEWBIE: 4, // 新人券
+	MEMBER: 5, // 会员券
+	CATEGORY: 6, // 品类券
+	MERCHANT: 7, // 商家券
+	LIMITED_TIME: 8 // 限时券
+} as const
+
+// 支付方式枚举
+export const PAYMENT_METHOD = {
+	WECHAT: 1,
+	ALIPAY: 2,
+	UNIONPAY: 3,
+	BALANCE: 4
+} as const
+
+// 配送状态枚举
+export const DELIVERY_STATUS = {
+	PENDING: 1,
+	ASSIGNED: 2,
+	PICKED_UP: 3,
+	IN_TRANSIT: 4,
+	DELIVERED: 5,
+	FAILED: 6
+} as const
+
+// 用户类型枚举
+export const MALL_USER_TYPE = {
+	CONSUMER: 1, // 消费者
+	MERCHANT: 2, // 商家
+	DELIVERY: 3, // 配送员
+	SERVICE: 4, // 客服
+	ADMIN: 5 // 管理员
+} as const
+
+// 用户状态枚举
+export const USER_STATUS = {
+	NORMAL: 1, // 正常
+	FROZEN: 2, // 冻结
+	CANCELLED: 3, // 注销
+	PENDING: 4 // 待审核
+} as const
+
+// 认证状态枚举
+export const VERIFICATION_STATUS = {
+	UNVERIFIED: 0, // 未认证
+	VERIFIED: 1, // 已认证
+	FAILED: 2 // 认证失败
+} as const
+
+// 地址标签枚举
+export const ADDRESS_LABEL = {
+	HOME: 'home', // 家
+	OFFICE: 'office', // 公司
+	SCHOOL: 'school', // 学校
+	OTHER: 'other' // 其他
+} as const
+
+// 收藏类型枚举
+export const FAVORITE_TYPE = {
+	PRODUCT: 'product', // 商品
+	SHOP: 'shop' // 店铺
+} as const
+
+// =========================
+// 订阅相关类型与枚举
+// =========================
+
+// 订阅周期枚举
+export const SUBSCRIPTION_PERIOD = {
+	MONTHLY: 'monthly',
+	YEARLY: 'yearly'
+} as const
+
+// 订阅状态枚举
+export const SUBSCRIPTION_STATUS = {
+	TRIAL: 'trial',
+	ACTIVE: 'active',
+	PAST_DUE: 'past_due',
+	CANCELED: 'canceled',
+	EXPIRED: 'expired'
+} as const
+
+// 软件订阅方案类型
+export type SubscriptionPlanType = {
+	id: string
+	plan_code: string
+	name: string
+	description: string | null
+	features: UTSJSONObject | null // { featureKey: description }
+	price: number // 单位：元（或分，取决于后端；前端以显示为准）
+	currency: string | null // 'CNY' | 'USD' ...
+	billing_period: keyof typeof SUBSCRIPTION_PERIOD | string // 'monthly' | 'yearly'
+	trial_days: number | null
+	is_active: boolean
+	sort_order?: number | null
+	created_at?: string
+	updated_at?: string
+}
+
+// 用户订阅记录类型
+export type UserSubscriptionType = {
+	id: string
+	user_id: string
+	plan_id: string
+	status: keyof typeof SUBSCRIPTION_STATUS | string
+	start_date: string
+	end_date: string | null
+	next_billing_date: string | null
+	auto_renew: boolean
+	cancel_at_period_end?: boolean | null
+	metadata?: UTSJSONObject | null
+	created_at?: string
+	updated_at?: string
+}
diff --git a/types/mall-types.uts b/types/mall-types.uts
index b4722d09..b7cd10d9 100644
--- a/types/mall-types.uts
+++ b/types/mall-types.uts
@@ -363,3 +363,73 @@ export type UserSubscriptionType = {
 	created_at?: string
 	updated_at?: string
 }
+export interface Product {
+    id: string
+    name: string
+    description: string | null  // 允许null
+    price: number
+    original_price: number | null  // 允许null
+    images: string[]
+    // ... 其他属性
+}
+// types/mall-types.uts
+export interface ProductType {
+    id: string
+    name: string
+    description: string
+    price: number
+    original_price: number
+    images: string[]
+    category_id: string
+    status: number
+    stock: number
+    sales: number
+    tags: string[]
+    created_at: string
+    updated_at: string
+}
+
+export interface CategoryType {
+    id: string
+    name: string
+    icon_url: string
+    parent_id: string | null
+    is_active: boolean
+    sort_order: number
+}
+
+export interface BannerType {
+    id: string
+    title: string
+    image_url: string
+    link_url: string
+    sort_order: number
+    status: number
+}
+
+export interface CouponTemplateType {
+    id: string
+    name: string
+    discount_value: number
+    min_order_amount: number
+    start_time: string
+    end_time: string
+    status: number
+    per_user_limit: number
+}
+
+export interface CartItemType {
+    id: string
+    user_id: string
+    product_id: string
+    quantity: number
+    created_at: string
+}
+
+// Mock 数据类型
+export interface MockData {
+    banners: BannerType[]
+    categories: CategoryType[]
+    coupons: CouponTemplateType[]
+    products: ProductType[]
+}
diff --git a/unpackage/cache/.app-android/tsc/app-android/.tsbuildInfo b/unpackage/cache/.app-android/tsc/app-android/.tsbuildInfo
new file mode 100644
index 00000000..b644120c
--- /dev/null
+++ b/unpackage/cache/.app-android/tsc/app-android/.tsbuildInfo
@@ -0,0 +1 @@
+{"program":{"fileNames":["d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uts-types/common/array.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uts-types/common/boolean.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uts-types/common/console.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uts-types/common/date.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uts-types/common/error.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uts-types/common/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uts-types/common/json.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uts-types/common/map.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uts-types/common/math.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uts-types/common/number.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uts-types/common/regexp.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uts-types/common/set.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uts-types/common/string.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uts-types/common/timers.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uts-types/common/utsjsonobject.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uts-types/common/arraybuffer.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uts-types/common/float32array.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uts-types/common/float64array.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uts-types/common/int8array.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uts-types/common/int16array.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uts-types/common/int32array.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uts-types/common/uint8array.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uts-types/common/uint8clampedarray.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uts-types/common/uint16array.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uts-types/common/uint32array.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uts-types/common/dataview.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uts-types/common/iterable.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uts-types/common/common.d.ts","d:/exe/hbuilderx/plugins/uniapp-uts-v1/node_modules/@dcloudio/uni-uts-v1/lib/uts/types/uts/shims/shims.d.ts","d:/exe/hbuilderx/plugins/uniapp-uts-v1/node_modules/@dcloudio/uni-uts-v1/lib/uts/types/uts/shims/lib.es5.d.ts","d:/exe/hbuilderx/plugins/uniapp-uts-v1/node_modules/@dcloudio/uni-uts-v1/lib/uts/types/uts/shims/lib.es2015.collection.d.ts","d:/exe/hbuilderx/plugins/uniapp-uts-v1/node_modules/@dcloudio/uni-uts-v1/lib/uts/types/uts/shims/lib.es2015.promise.d.ts","d:/exe/hbuilderx/plugins/uniapp-uts-v1/node_modules/@dcloudio/uni-uts-v1/lib/uts/types/uts/shims/lib.es2015.symbol.d.ts","d:/exe/hbuilderx/plugins/uniapp-uts-v1/node_modules/@dcloudio/uni-uts-v1/lib/uts/types/uts/shims/lib.es2015.symbol.wellknown.d.ts","d:/exe/hbuilderx/plugins/uniapp-uts-v1/node_modules/@dcloudio/uni-uts-v1/lib/uts/types/uts/shims/lib.es2015.iterable.d.ts","d:/exe/hbuilderx/plugins/uniapp-uts-v1/node_modules/@dcloudio/uni-uts-v1/lib/uts/types/uts/shims/lib.es2018.asynciterable.d.ts","d:/exe/hbuilderx/plugins/uniapp-uts-v1/node_modules/@dcloudio/uni-uts-v1/lib/uts/types/uts/shims/lib.es2018.asyncgenerator.d.ts","d:/exe/hbuilderx/plugins/uniapp-uts-v1/node_modules/@dcloudio/uni-uts-v1/lib/uts/types/uts/shims/lib.es2018.promise.d.ts","d:/exe/hbuilderx/plugins/uniapp-uts-v1/node_modules/@dcloudio/uni-uts-v1/lib/uts/types/uts/shims/lib.es2020.symbol.wellknown.d.ts","d:/exe/hbuilderx/plugins/uniapp-uts-v1/node_modules/@dcloudio/uni-uts-v1/lib/uts/types/uts/shims/index.d.ts","d:/exe/hbuilderx/plugins/uniapp-uts-v1/node_modules/@dcloudio/uni-uts-v1/lib/uts/types/uts/index.d.ts","d:/exe/hbuilderx/plugins/uniapp-uts-v1/node_modules/@dcloudio/uni-uts-v1/lib/uts/types/uni-x/hbuilder-x/hbuilderx.d.ts","d:/exe/hbuilderx/plugins/uniapp-uts-v1/node_modules/@dcloudio/uni-uts-v1/lib/uts/types/uni-x/hbuilder-x/index.d.ts","d:/exe/hbuilderx/plugins/uniapp-uts-v1/node_modules/@dcloudio/uni-uts-v1/lib/uts/types/uni-x/@vue/shared/dist/shared.d.ts","d:/exe/hbuilderx/plugins/uniapp-uts-v1/node_modules/@dcloudio/uni-uts-v1/lib/uts/types/uni-x/@vue/reactivity/dist/reactivity.d.ts","d:/exe/hbuilderx/plugins/uniapp-uts-v1/node_modules/@dcloudio/uni-uts-v1/lib/uts/types/uni-x/@vue/runtime-core/dist/runtime-core.d.ts","d:/exe/hbuilderx/plugins/uniapp-uts-v1/node_modules/@dcloudio/uni-uts-v1/lib/uts/types/uni-x/@vue/global.d.ts","d:/exe/hbuilderx/plugins/uniapp-uts-v1/node_modules/@dcloudio/uni-uts-v1/lib/uts/types/uni-x/vue.d.ts","d:/exe/hbuilderx/plugins/uniapp-uts-v1/node_modules/@dcloudio/uni-uts-v1/lib/uts/types/uni-x/shims/common.d.ts","d:/exe/hbuilderx/plugins/uniapp-uts-v1/node_modules/@dcloudio/uni-uts-v1/lib/uts/types/uni-x/shims/app-android.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uts-types/app-android/utsactivitycallback.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uts-types/app-android/utsandroid.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uts-types/app-android/utsandroidhookproxy.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uts-types/app-js/utsjs.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uts-types/app-android/index.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/worker.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/webviewstyles.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/viewtotempfilepathoptions.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/drawablecontext.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/snapshotoptions.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/cssstyledeclaration.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/domrect.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/unicallbackwrapper.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/path2d.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/canvasrenderingcontext2d.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/unianimationplaybackevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/unianimation.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/unisafeareainsets.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/unipage.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/unitextlayout.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/iunielement.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/unievent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/unipageevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/uniwebviewservicemessageevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/unicustomevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/uniwebviewmessageevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/uniwebviewloadingevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/uniwebviewloadevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/uniwebviewerrorevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/nodedata.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/pagenode.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/unielement.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/uniwebviewelement.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/uniwebviewdownloadevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/uniwebviewcontentheightchangeevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/univideoelement.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/unitouchevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/unitextarealinechangeevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/unitextareafocusevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/unitextareablurevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/unitextelement.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/unitabselement.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/unitabtapevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/uniswipertransitionevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/uniswiperchangeevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/uniswiperanimationfinishevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/unistopnestedscrollevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/unistartnestedscrollevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/uniscrolltoupperevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/uniscrolltolowerevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/uniscrollevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/unirichtextitemclickevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/uniresizeobserver.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/uniresizeevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/unirefresherevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/uniprovider.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/unipointerevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/unipagescrollevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/unidocument.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/asyncapiresult.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/iunierror.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/unierror.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/nativeloadfontfaceoptions.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/unipagebody.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/uninativepage.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/unipagemanager.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/uninestedprescrollevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/uninativeapp.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/uniinputkeyboardheightchangeevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/uniinputfocusevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/uniinputevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/uniinputconfirmevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/uniinputchangeevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/uniinputblurevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/uniimageloadevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/uniimageerrorevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/uniformcontrol.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/uniformcontrolelement.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/unicustomelement.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/unicanvaselement.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/sourceerror.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/uniaggregateerror.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/utsandroidhookproxy.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/iuninativeviewelement.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/iuniform.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/inavigationbar.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/index.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/native/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/vue/checkboxgroupchangeevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/vue/pickerviewchangeevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/vue/progressactiveendevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/vue/radiogroupchangeevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/vue/sliderchangeevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/vue/switchchangeevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/vue/pickerchangeevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/vue/pickercolumnchangeevent.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/vue/uninavigatorelement.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/vue/uniclouddbelement.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/vue/uniformelement.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/vue/lifecycle.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/vue/index.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/vue/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/base/index.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/env/index.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-actionsheet/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-actionsheet/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-addphonecontact/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-addphonecontact/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-arraybuffertobase64/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-arraybuffertobase64/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-authentication/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-authentication/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-barcode-scanning/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-barcode-scanning/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-base64toarraybuffer/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-base64toarraybuffer/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-chooselocation/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-chooselocation/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-choosemedia/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-choosemedia/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-clipboard/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-clipboard/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-createinneraudiocontext/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-createinneraudiocontext/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-createintersectionobserver/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-createintersectionobserver/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-createrequestpermissionlistener/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-createrequestpermissionlistener/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-createselectorquery/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-createselectorquery/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-createwebviewcontext/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-createwebviewcontext/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-createworker/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-createworker/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-dialogpage/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-dialogpage/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-event/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-event/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-exit/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-exit/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-file/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-file/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-filesystemmanager/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-filesystemmanager/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-getaccessibilityinfo/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-getaccessibilityinfo/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-getappauthorizesetting/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-getappauthorizesetting/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-getappbaseinfo/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-getappbaseinfo/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-getbackgroundaudiomanager/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-getbackgroundaudiomanager/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-getdeviceinfo/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-getdeviceinfo/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-getelementbyid/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-getelementbyid/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-getenteroptionssync/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-getenteroptionssync/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-getlaunchoptionssync/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-getlaunchoptionssync/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-getlocation-tencent-uni1/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-getlocation-tencent-uni1/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-getnetworktype/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-getnetworktype/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-getperformance/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-getperformance/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-getprovider/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-getprovider/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-getsysteminfo/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-getsysteminfo/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-getsystemsetting/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-getsystemsetting/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-installapk/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-installapk/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-interceptor/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-interceptor/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-keyboard/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-keyboard/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-loadfontface/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-loadfontface/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-location-system/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-location-system/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-location-tencent/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-location-tencent/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-location/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-location/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-makephonecall/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-makephonecall/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-media/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-media/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-modal/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-modal/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-navigationbar/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-navigationbar/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-network/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-network/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-oauth-huawei/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-oauth-huawei/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-oauth-weixin/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-oauth-weixin/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-oauth/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-oauth/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-openappauthorizesetting/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-openappauthorizesetting/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-opendocument/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-opendocument/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-pagescrollto/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-pagescrollto/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-payment-alipay/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-payment-alipay/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-payment-huawei/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-payment-huawei/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-payment-wxpay/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-payment-wxpay/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-payment/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-payment/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-previewimage/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-previewimage/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-privacy/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-privacy/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-prompt/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-prompt/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-pulldownrefresh/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-pulldownrefresh/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-recorder/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-recorder/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-requestmerchanttransfer/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-requestmerchanttransfer/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-route/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-route/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-rpx2px/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-rpx2px/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-scancode/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-scancode/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-screenbrightness/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-screenbrightness/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-share-weixin/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-share-weixin/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-share/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-share/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-sharewithsystem/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-sharewithsystem/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-sse/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-sse/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-storage/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-storage/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-tabbar/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-tabbar/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-theme/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-theme/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-virtualpayment/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-virtualpayment/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-websocket/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/lib/uni-websocket/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-api/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-biz/lib/uni-ad/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-biz/lib/uni-ad/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-biz/lib/uni-crash/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-biz/lib/uni-crash/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-biz/lib/uni-facialverify/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-biz/lib/uni-facialverify/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-biz/lib/uni-live-player/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-biz/lib/uni-live-player/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-biz/lib/uni-live-pusher/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-biz/lib/uni-live-pusher/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-biz/lib/uni-map-tencent/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-biz/lib/uni-map-tencent/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-biz/lib/uni-push-fcm/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-biz/lib/uni-push-fcm/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-biz/lib/uni-push-gp/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-biz/lib/uni-push-gp/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-biz/lib/uni-push-hms/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-biz/lib/uni-push-hms/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-biz/lib/uni-push-honor/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-biz/lib/uni-push-honor/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-biz/lib/uni-push-mainland/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-biz/lib/uni-push-mainland/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-biz/lib/uni-push-meizu/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-biz/lib/uni-push-meizu/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-biz/lib/uni-push-oppo/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-biz/lib/uni-push-oppo/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-biz/lib/uni-push-vivo/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-biz/lib/uni-push-vivo/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-biz/lib/uni-push-xiaomi/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-biz/lib/uni-push-xiaomi/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-biz/lib/uni-push/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-biz/lib/uni-push/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-biz/lib/uni-secure-network/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-biz/lib/uni-secure-network/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-biz/lib/uni-verify/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-biz/lib/uni-verify/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-biz/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-component/lib/uni-camera/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-component/lib/uni-camera/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-component/lib/uni-canvas/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-component/lib/uni-canvas/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-component/lib/uni-video/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-component/lib/uni-video/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-component/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-extend/lib/uni-openlocation/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-extend/lib/uni-openlocation/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-extend/lib/uni-compass/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-extend/lib/uni-compass/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-extend/lib/uni-canvas/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-extend/lib/uni-canvas/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-extend/lib/uni-locale/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-extend/lib/uni-locale/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-extend/lib/uni-accelerometer/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-extend/lib/uni-accelerometer/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-extend/lib/uni-memory/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-extend/lib/uni-memory/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-extend/lib/uni-preloadpage/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-extend/lib/uni-preloadpage/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-extend/lib/uni-createmediaqueryobserver/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-extend/lib/uni-createmediaqueryobserver/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-extend/lib/uni-__f__/utssdk/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-extend/lib/uni-__f__/utssdk/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uts-plugin-extend/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uni-map-tencent-map.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uni-map-tencent-global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uni-camera.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/uni-camera-global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni/global.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni-cloud/unicloud-db/index.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni-cloud/interface.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/uni-cloud/index.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/common.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/app.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/page.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/process.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/vite.d.ts","d:/exe/hbuilderx/plugins/hbuilderx-language-services/builtin-dts/uniappx/node_modules/@dcloudio/uni-app-x/types/index.d.ts","d:/exe/hbuilderx/plugins/uniapp-uts-v1/node_modules/@dcloudio/uni-uts-v1/lib/uts/types/uni-x/app-android.d.ts","d:/exe/hbuilderx/plugins/uniapp-cli-vite/node_modules/@dcloudio/uni-console/src/runtime/app/socket.ts","d:/exe/hbuilderx/plugins/uniapp-cli-vite/node_modules/@dcloudio/uni-console/src/runtime/app/index.ts","../../../../dist/dev/.tsc/app-android/app.uvue.ts","../../../../dist/dev/.tsc/app-android/uni_modules/i18n/index.uts.ts","../../../../dist/dev/.tsc/app-android/pages/mall/consumer/index.uvue.ts","../../../../dist/dev/.tsc/app-android/types/mall-types.uts.ts","../../../../dist/dev/.tsc/app-android/uni_modules/ak-req/interface.uts.ts","../../../../dist/dev/.tsc/app-android/uni_modules/ak-req/ak-req.uts.ts","../../../../dist/dev/.tsc/app-android/uni_modules/ak-req/index.uts.ts","../../../../dist/dev/.tsc/app-android/utils/utils.uts.ts","../../../../dist/dev/.tsc/app-android/components/supadb/aksupa.uts.ts","../../../../dist/dev/.tsc/app-android/ak/config.uts.ts","../../../../dist/dev/.tsc/app-android/components/supadb/aksupainstance.uts.ts","../../../../dist/dev/.tsc/app-android/pages/mall/consumer/category.uvue.ts","../../../../dist/dev/.tsc/app-android/pages/mall/consumer/search.uvue.ts","../../../../dist/dev/.tsc/app-android/pages/mall/consumer/product-detail.uvue.ts","../../../../dist/dev/.tsc/app-android/pages/mall/consumer/cart.uvue.ts","../../../../dist/dev/.tsc/app-android/pages/mall/consumer/orders.uvue.ts","../../../../dist/dev/.tsc/app-android/pages/mall/consumer/order-detail.uvue.ts","../../../../dist/dev/.tsc/app-android/pages/mall/consumer/address.uvue.ts","../../../../dist/dev/.tsc/app-android/pages/mall/consumer/address-edit.uvue.ts","../../../../dist/dev/.tsc/app-android/pages/mall/consumer/coupons.uvue.ts","../../../../dist/dev/.tsc/app-android/pages/mall/consumer/favorites.uvue.ts","../../../../dist/dev/.tsc/app-android/pages/mall/consumer/profile.uvue.ts","../../../../dist/dev/.tsc/app-android/main.uts.ts"],"fileInfos":[{"version":"6e80ad2ee01e6eea8837f649d0b91002724ec74cef9b3d2b5fda718b14fc6ec9","affectsGlobalScope":true},{"version":"87e0a7f9366dc80be7b72c6d0a6e23c4f68cd2b96c90edd3da8082bfdd237af9","affectsGlobalScope":true},{"version":"2c44751aff2b2161d0450df9812bb5114ba050a522e1d5fa67f66649d678fcb4","affectsGlobalScope":true},{"version":"68566331a40bef8710069a7f5ac951543c5653c1c3fa8cc3a54c95753abbcf7a","affectsGlobalScope":true},{"version":"173b34be3df2099c2da11fb3ceecf87e883bd64f5219c0ee7bc6add9bc812cde","affectsGlobalScope":true},{"version":"9c867cbb4270f3c93a0ffaa8840b3034033a95025cd4f6bf9989ecb7b7c54a4e","affectsGlobalScope":true},{"version":"6d41c5eb02906006bad04d0ba26eafc1b10c433760b9209f4dbb7af1b8231071","affectsGlobalScope":true},{"version":"7b435c510e94d33c438626dff7d8df57d20d69f6599ba461c46fc87b8c572bce","affectsGlobalScope":true},{"version":"25f08344cf6121c92864c9f22b22ab6574001771eb1d75843006938c11f7d4ab","affectsGlobalScope":true},{"version":"f955119e78143380da1b952b56ab8ca46e10776d17e0a748678729086b0fae49","affectsGlobalScope":true},{"version":"b15b894ea3a5bcdfd96e2160e10f71ea6db8563804bbaa4cdf3b86a21c7e7da0","affectsGlobalScope":true},{"version":"db491a26fb6bb04dd6c9aecbe3803dd94c1e5d3dd839ffed552ffaf4e419871a","affectsGlobalScope":true},{"version":"463cb70eebbf68046eba623ed570e54c425ea29d46d7476da84134722a6d155b","affectsGlobalScope":true},{"version":"a7cca769cf6ecd24d991ae00ac9715b012cae512f27d569513eb2e47fc8ef952","affectsGlobalScope":true},{"version":"d27811b28326ce496b3a0810a4b38d9391e929b150d9d8b881a562c9c9d666c0","affectsGlobalScope":true},{"version":"0aca09a3a690438ac20a824d8236bfdb84e4035724e77073c7f144b18339ec65","affectsGlobalScope":true},{"version":"0f844aa90d79ff631b051f5ee8540a8936d48c39914c910e89e7b7949bbac865","affectsGlobalScope":true},{"version":"0fbf8b372e8d8349a3b5a1f470bb7897272bb43aa88066e50dce25fde261cd93","affectsGlobalScope":true},{"version":"0ef38eeb51b042d85f64103ec93a37ba8683a31c22fdfd76c69852e982aa08c6","affectsGlobalScope":true},{"version":"9652d98559378167cb1f4eb57e51119e4fef5861d18c5928c6bae207b80adfe3","affectsGlobalScope":true},{"version":"7c1cfb70557e907294946a14c5eba189f77d5e9dfe7f02832ee5c6f3f34dc4d5","affectsGlobalScope":true},{"version":"baa7e3434cefa49e8965ea72a0c26fe056b2e9d978ac2bb3abd204fcd6c4fc0d","affectsGlobalScope":true},{"version":"aca5b50919b30253d6db79ecb92848d8dae72c7998df1454a19e21dd633a75b1","affectsGlobalScope":true},{"version":"016e96968aee1fb6804200c75a11e876371536a98e772cb55ffbf482ddbd8822","affectsGlobalScope":true},{"version":"4567cbd464d15226a40a5b3d671e20665aa070a2c4fa3f4682700f563f9ab730","affectsGlobalScope":true},{"version":"bfea9c54c2142652e7f2f09b7b395c57f3e7650fb2981d9f183de9eeae8a1487","affectsGlobalScope":true},{"version":"5b4344f074c83584664e93d170e99db772577f7ced22b73deaf3cfb798a76958","affectsGlobalScope":true},"db8eb85d3f5c85cc8b2b051fde29f227ec8fbe50fd53c0dc5fc7a35b0209de4a",{"version":"8b46e06cc0690b9a6bf177133da7a917969cacbd6a58c8b9b1a261abd33cb04d","affectsGlobalScope":true},{"version":"c2e5d9c9ebf7c1dc6e3f4de35ae66c635240fe1f90cccc58c88200a5aa4a227c","affectsGlobalScope":true},{"version":"c5277ad101105fbcb9e32c74cea42b2a3fbebc5b63d26ca5b0c900be136a7584","affectsGlobalScope":true},{"version":"46a47bc3acc0af133029fb44c0c25f102828995c1c633d141ac84240b68cdfad","affectsGlobalScope":true},{"version":"bf7e3cadb46cd342e77f1409a000ea51a26a336be4093ee1791288e990f3dadf","affectsGlobalScope":true},{"version":"3fb65674722f36d0cc143a1eb3f44b3ab9ecd8d5e09febcfbc0393bec72c16b5","affectsGlobalScope":true},{"version":"daf924aae59d404ac5e4b21d9a8b817b2118452e7eb2ec0c2c8494fb25cb4ab3","affectsGlobalScope":true},{"version":"120ddb03b09c36f2e2624563a384123d08f6243018e131e8c97a1bb1f0e73df5","affectsGlobalScope":true},{"version":"0daef79ef17e2d10a96f021096f6c02d51a0648514f39def46c9a8a3018196be","affectsGlobalScope":true},{"version":"571605fec3d26fc2b8fbffb6aa32d2ef810b06aa51c1b0c3c65bbc47bd5b4a5e","affectsGlobalScope":true},{"version":"51536e45c08d8b901d596d8d48db9ab14f2a2fd465ed5e2a18dda1d1bae6fe5a","affectsGlobalScope":true},"897a4b80718f9228e992483fefa164d61e78548e57fbf23c76557f9e9805285e","ab2680cfdaea321773953b64ec757510297477ad349307e93b883f0813e2a744",{"version":"8a931e7299563cecc9c06d5b0b656dca721af7339b37c7b4168e41b63b7cfd04","affectsGlobalScope":true},"7da94064e1304209e28b08779b3e1a9d2e939cf9b736c9c450bc2596521c417f","7cce3fa83b9b8cad28998e2ffa7bb802841bb843f83164ba12342b51bf3ae453","dc44a5ac4c9a05feede6d8acf7e6e768ca266b1ce56030af1a3ab4138234bf45",{"version":"451f4c4dd94dd827770739cc52e3c65ac6c3154ad35ae34ad066de2a664b727a","affectsGlobalScope":true},{"version":"2f2af0034204cd7e4e6fc0c8d7a732152c055e030f1590abea84af9127e0ed46","affectsGlobalScope":true},{"version":"0c26e42734c9bf81c50813761fc91dc16a0682e4faa8944c218f4aaf73d74acf","affectsGlobalScope":true},{"version":"af11b7631baab8e9159d290632eb6d5aa2f44e08c34b5ea5dc3ac45493fffed5","affectsGlobalScope":true},{"version":"9ae2c80b25e85af48286ea185227d52786555ac3b556b304afd2226866a43e2a","affectsGlobalScope":true},"25120cc5b77f87056bb13b0c01a05168d6485323d5972feca20cea124a4f618f",{"version":"397fe1ca4ecca584df1b191b80066313ba83e2120c8c6662511d1ae61c28a7eb","affectsGlobalScope":true},{"version":"fd45f5d7408b4ade5b812478e612b59801d371e4b8e467cf1b1aca46acd1564a","affectsGlobalScope":true},{"version":"b9241ecb5024beeaeb98fb558000dbc55e650576e572d194508f52807af6bcba","affectsGlobalScope":true},"3039ca5b4c980b09439c8b8962ea05552573fd995304d31957d47e01a6bca5ab","2e5ac0dd461b94010e16057c26d281841e3a935df927d76123b6864880086a26","b911176e7778c30f6549f86daae0353c53730eb0ee59b6476f1072cb51ab1af3","f8cc7ac396a3ea99a6959ddbaf883388260e035721216e5971af17db61f11f0b","895bedc6daf4f0da611480f24f65df818ea9e01404e4bf5927043dbf4eeed4d1","ea4facc7918e50e285a4419f7bc7ffdf978385899a3cf19ef7d7b782b896616d","8db893a4613484d4036337ffea6a5b675624518ad34597a8df255379802001ab","5828081db18ff2832ce9c56cc87f192bcc4df6378a03318775a40a775a824623","33b7db19877cf2f9306524371fcfc45dcb6436c8e905472ede7346c9f044bf20","b8eb76852bc6e72782541a2725580b1c3df02a0c96db570b0a7681567aeed598","6a7b38162c0cff2af6d2cbd4a98cfac6c0ea4fb1b5700c42f648de9b8c2e8e1f","19828d5df3be9b94598e5c25d783b936fcccaa226a2820bacee9ea94dc8aff2f","5d45955831c840d09b502ce6726a06435866b4736978e235a7d817ed45990df7","3bdf7ca46ef934ee671b3dd0e3d4cddcaecfe6146811b330743acdfb8e60f36c","70dab20ce12f8d153044fc487f2bfd40d21fc64329446f02c6a94b9759c13265","c1eed15acf77bbaa4a4840edbdcf70ff2f3c2a0f5af498578ce020e2f2c73f7f","71943244e9813364dac70c5be97fdce7bc775c96bb212d97a60ba072344dcbbc","6f1fa6fc9b169b165be0d8550a3ca0b5181af0c41e4e1e15f5e6bcb2a6e1c344","e311e90ded1cd037cbece1bc6649eaa7b65f4346c94ae81ba5441a8f9df93fa3","8eb08fff3569e1b9eddb72e9541a21e9a88b0c069945e8618e9bc75074048249","d596c650714d80a93a2fe15dce31ed9a77c2f2b1b9f4540684eaf271f05e2691","8f9fb9a9d72997c334ca96106095da778555f81ac31f1d2a9534d187b94e8bf6","aea632713de6ee4a86e99873486c807d3104c2bf704acef8d9c2567d0d073301","1adb14a91196aa7104b1f3d108533771182dc7aaea5d636921bc0f812cfee5f5","8d90bb23d4e2a4708dbf507b721c1a63f3abd12d836e22e418011a5f37767665","8cb0d02bb611ea5e97884deb11d6177eb919f52703f0e8060d4f190c97bb3f6c","78880fa8d163b58c156843fda943cc029c80fac5fb769724125db8e884dce32d","7856bc6f351d5439a07d4b23950aa060ea972fd98cbc5add0ad94bfc815f4c4c","ce379fb42f8ba7812c2cb88b5a4d2d94c5c75f31c31e25d10073e38b8758bd62","9d3db8aef76e0766621b93a1144069623346b9cfccf538b67859141a9793d16d","13fb62b7b7affaf711211d4e0c57e9e29d87165561971cc55cda29e7f765c44f","8868c445f34ee81895103fd83307eadbe213cfb53bbc5cd0e7f063e4214c49b0","277990f7c3f5cbbf2abd201df1d68b0001ff6f024d75ca874d55c2c58dd6e179","a31dfa9913def0386f7b538677c519094e4db7ce12db36d4d80a89891ef1a48f","f4c0c7ee2e447f369b8768deed1e4dd40b338f7af33b6cc15c77c44ff68f572d","2f268bd768d2b35871af601db7f640c9e6a7a2364de2fd83177158e0f7b454dc","73bfa99afd564cfef641ccb4fdef0debdb3c49f0a817085d68fc6b6508266f09","a004a3b60f23fcfb36d04221b4bef155e11fd57293ba4f1c020a220fadf0fc85","4e145e72e5600a49fa27282d63bb9715b19343d8826f91be0f324af73bc25322","62f734f7517d2ca3bf02abddaf8abf7e3de258667a63e8258373658bbb9153b6","df99236666c99f3e5c22c886fc4dba8156fed038057f7f56c4c39a0c363cc66a","b4bce232891b663cc0768f737f595a83de80b74671db22b137570ef2dc6b86ef","781b566c3eccba1a2cafbb827fb6fc02d5147c89a40e11c7892057481a195270","c9befaf90879c27ee3f7f12afd15b4531fbbea9ec37d145b83807a67d9f55c82","8630f26d1038328e6b9da9c082f6fa911903bc638499baa6cfab002b5a70af96","73474d70a9b4f02771119085c4cd7562be4169e7973544c9541341ca2931aa3d","54da497c3b3b94fae91a66ed222e21411dc595a17f9e6bd229e233d0de732691","803da2f4e024efa2edc55c67d35c5240e7ae599baf9263b453acd02127a582e9","b8b070df71250096699ad55a106d161d403347ed335f72c5ae8485e5d858524d","a9716557f56781aef13d6d3c5dafc61236f64bfd48d462c4848a7eca25f924ff","3d15b5e24065431bf7831b8e84000c0e767d921135af86ef0b0c034f14df5d8f","a563202fc316d8926dc83759cec155d5c028a7828996cbd283470ac7e8c58727","e5c004f39619ebaaa2475b18e949e12e51ff629132f48d56608081e5f0195577","e6b7a14eb53f023f455f4513b6a560f004fa1ebf6cc298b479be796541e322e6","771bf8091a4e40be8f539648b5a0ff7ecba8f46e72fc16acc10466c4c1304524","cb66d1c49ad20e7246b73671f59acaaaac72c58b7e37faae69ae366fd6adf1d3","e5c1c52655dc3f8400a3406fd9da0c4888e6b28c29de33bee51f9eaeda290b4d","1e28ee6d718080b750621e18befe236487df6685b37c17958520aaf777b7aeff","8891345dbe1920b9ed3f446a87de27b5cd6b2053112f6ff3975a661f9a03ec34","a72e21b05b937630b97b1d36bb76b879bb243a021516aef10701775f2da7f872","4debe398f42800c1359d60396fc76aa4fa34a23a96b597672b5c284fd81c0158","a720d8028d38f2b94855967789252c6148957dcd24e280d193b78db00eb3a099","1b0818297187a33e2c24c39145b409e11624523d32364edc22bceaf1f4c86f1b","332e362ba8bd05237c661ba685b2c37e9cde5e0876cb81bf515d15623bdee74c","84648722d2b1f16c55cb68dbfaf18b913a13a78274641f7236eeb4d7088f6db8","f63d313c2673117608b3ed762ac07f618ee873bee3764406b06bcfcb5a713afe","2e2a2a0f7ef2a7587cfe40a96dbca31e8badb15a8a42bf042fe7a63abc9e2f27","2bb32fb3f0fe14c48170dcad3d2a501c1883516d4da9cbd0a2043d90c9789a7b","352532af4d27bdf545d9bb20f0c55758138327404bd86f0934edc7ded76be7e6","64d93f4a24f8a70b64658a7d9b9e96bd46ad498ad5dc9cdb9d52da547e77ff68","8a728de3047a1dadcb69595e74c3d75bc80a2c8165f8cf875ab610042a137fbe","3eafed0be4b194295bcde379e7d083779d0f27f31b715738a3beac49547dc613","7e74740cb7a937af187118ae4582fbe5d4d30b34e9cddec2bd7f7a865e7824ca","8cdf90b59995b9f7c728a28e7af5dc4431f08f3346e6c16af49f548461a3e0aa","1d472b3eedeeaab5418ea6563734fffc68c404feac91900633e7126bee346590","6cf7182d798892394143549a7b27ed27f7bcf1bf058535ec21cc03f39904bfb3","abe524377702be43d1600db4a5a940da5c68949e7ac034c4092851c235c38803","daf4418239ceadb20481bff0111fe102ee0f6f40daaa4ee1fdaca6d582906a26","8a5c5bc61338c6f2476eb98799459fd8c0c7a0fc20cbcd559bb016021da98111","644cf9d778fa319c8044aed7eeb05a3adb81a1a5b8372fdc9980fbdd6a61f78e","d2c6adc44948dbfdece6673941547b0454748e2846bb1bcba900ee06f782b01d","d80b7e2287ee54b23fe6698cb4e09b1dabc8e1a90fb368e301ac6fbc9ad412e2","60b678d3c92834151ca6701c399c74c961193c06cc9d97da32cc4ad22ee5951e",{"version":"c7eebbc98b3e28df60899db055f0b1940295e6c68173e1859b97c062e02e00cf","affectsGlobalScope":true},"816f825b072afd246eb3905cf51528d65e6fe51c12a1f8fb370c93bb0e031c9b","f6a64974d6fab49d27f8b31578a08662b9a7f607de3b5ec2d7c45b3466d914fd","a8e9d24cd3dc3bd95b34eb6edeac7525b7fdbe23b373554bdc3e91572b8079ee","1d5fd841722ce9aa05b9d602153c15914108bdaa8154bdd24eddadb8a3df586c","14788c10b66324b98feee7a2567eb30d1066e11506e54bf1215b369d70da4932","316785de2c0af9fbd9f2191904670e880bc3836671dd306236675515e481973a","070d805e34c4b9a7ce184aabb7da77dc60f2bdb662349cf7fc23a2a69d17de8d","092deae5b432b6b04f8b4951f1478c08862e832abd4477315dba6ea0c39f1d9e","27d668b912bf3fd0a4ddf3886a8b405eed97505fdc78a9f0b708f38e3e51655d","72654e8bed98873e19827d9a661b419dfd695dbc89fd2bb20f7609e3d16ebd50","66bdb366b92004ba3bf97df0502b68010f244174ee27f8c344d0f62cb2ac8f1e","ae41e04ff8c248ab719fe7958754e8d517add8f1c7abcc8d50214fd67c14194d","558008ff2f788e594beaa626dfcfb8d65db138f0236b2295a6140e80f7abd5d2",{"version":"6573e49f0f35a2fd56fd0bb27e8d949834b98a9298473f45e947553447dd3158","affectsGlobalScope":true},{"version":"e04ea44fae6ce4dc40d15b76c9a96c846425fff7cc11abce7a00b6b7367cbf65","affectsGlobalScope":true},{"version":"7526edb97536a6bba861f8c28f4d3ddd68ddd36b474ee6f4a4d3e7531211c25d","affectsGlobalScope":true},"3c499fc4aad3185e54006bdb0bd853f7dd780c61e805ab4a01a704fa40a3f778",{"version":"13f46aaf5530eb680aeebb990d0efc9b8be6e8de3b0e8e7e0419a4962c01ac55","affectsGlobalScope":true},"17477b7b77632178ce46a2fce7c66f4f0a117aa6ef8f4d4d92d3368c729403c9",{"version":"700d5c16f91eb843726008060aebf1a79902bd89bf6c032173ad8e59504bc7ea","affectsGlobalScope":true},"169c322c713a62556aedbf3f1c3c5cf91c84ce57846a4f3b5de53f245149ec7b",{"version":"b0b314030907c0badf21a107290223e97fe114f11d5e1deceea6f16cabd53745","affectsGlobalScope":true},"7c6c5a958a0425679b5068a8f0cc8951b42eb0571fee5d6187855a17fa03d08a",{"version":"f659d54aa3496515d87ff35cd8205d160ca9d5a6eaf2965e69c4df2fa7270c2c","affectsGlobalScope":true},"e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855",{"version":"f3e7a4075f7edc952560ec2254b453bfc8496d78e034768052347e088537694b","affectsGlobalScope":true},"4a4d7982941daaeb02f730f07578bce156d2c7cabfa184099321ed8b1e51591b",{"version":"cc8e57cfe18cd11c3bab5157ec583cfe5d75eefefe4b9682e54b0055bf86159f","affectsGlobalScope":true},"75f6112942f6aba10b3e2de5371ec8d40a9ab9ab05c8eb8f98a7e8e9f220c8a2",{"version":"8a3b75fccc93851209da864abe53d968629fab3125981b6f47008ec63061eb39","affectsGlobalScope":true},"4aafdcfff990abfe7feb894446ab43d2268657084ba656222e9b873d2845fe3c",{"version":"d6f55de9010fbefe991546d35da3f09ae0e47afae754cb8a4c867fd7e50dcec0","affectsGlobalScope":true},"afac637a8547d41243dd8c4824c202c9d024534c5031181a81dece1281f1e261",{"version":"1ce2f82236ecdd61ff4e476c96d83ce37d9f2a80601a627fe1d3048e8648f43c","affectsGlobalScope":true},"42d908b851ddcf6df729c0a2ae56f151bad6610ea368729d68f0c8fbbd779913",{"version":"592e99b73ae40c0e64ce44b3e28cea3d7149864f2f3cbc6ccb71f784373ade97","affectsGlobalScope":true},"fa601c3ce9e69927d13e178fdcb6b70a489bb20c5ca1459add96e652dbdefcf6",{"version":"8f8ebce0e991de85323524170fad48f0f29e473b6dd0166118e2c2c3ba52f9d6","affectsGlobalScope":true},"e58a369a59a067b5ee3990d7e7ed6e2ce846d82133fb5c62503b8c86427421a4",{"version":"f877e78f5304ec3e183666aab8d5a1c42c3a617ff616d27e88cc6e0307641beb","affectsGlobalScope":true},"82a66c8db63050ce22777862d6dc095b5e74f80f56e3a2631870d7ee8d104c9e",{"version":"4fc0006f46461bb20aac98aed6c0263c1836ef5e1bbf1ca268db4258ed6a965e","affectsGlobalScope":true},"e086e212ddb5de48f83d971e892949a9ed5ada7134b3116f17768b6885bce6f3",{"version":"867954bf7772a2979c5c722ef216e432d0d8442e995e6018e89a159e08d5d183","affectsGlobalScope":true},"6cc643a497641f28562d8a24b3bd6c4252f3476b462ea406f3123ae70be343ce",{"version":"cd8a7e7d61af5ca34b39095ab24bdcb308bfd4ab379df8ef9d53ce9fa83187a8","affectsGlobalScope":true},"9e837aadb58587a9f79d1ba6a1625cfe40e4077c6bc89cd1c1d5886a2d2489cc",{"version":"544f8c58d5e1b386997f5ae49c6a0453b10bd9c7034c5de51317c8ac8ea82e9a","affectsGlobalScope":true},"2382c18dddfe93b455dfaccc5e6ad795cc33ba8a6a72de41622ef03dd27e377f",{"version":"ae9b62dd72bf086ccc808ba2e0d626d7d086281328fc2cf47030fd48b5eb7b16","affectsGlobalScope":true},"b03e600a48c41adfad25cda292a2bcd87963f7fce09f3561978482f9f6530fc4",{"version":"cc1bddca46e3993a368c85e6a3a37f143320b1c13e5bfe198186d7ed21205606","affectsGlobalScope":true},"34cb99d3f4d6e60c5776445e927c460158639eeb8fd480e181943e93685e1166",{"version":"c77843976650a6b19c00ed2ede800f57517b3895b2437d01efc623f576ef1473","affectsGlobalScope":true},"c8db20febc70a33fc8668c2f6475c42be345a0545f6bd719f787b62e60d8f49e",{"version":"5ebba285fdef0037c21fcbef6caad0e6cc9a36550a33b59f55f2d8d5746fc9b2","affectsGlobalScope":true},"85397e8169bdc706449ae59a849719349ecef1e26eef3e651a54bb2cc5ba8d65",{"version":"2b8dc33e6e5b898a5bca6ae330cd29307f718dca241f6a2789785a0ddfaa0895","affectsGlobalScope":true},"cc2c766993dfe7a58134ab3cacd2ef900ace4dec870d7b3805bf06c2a68928bd",{"version":"dde8acfb7dd736b0d71c8657f1be28325fea52b48f8bdb7a03c700347a0e3504","affectsGlobalScope":true},"96c711d561eaa29cec567f90571ea515f91412bb005ac2a4538bcadf0e439fa5",{"version":"34c9c31b78d5b5ef568a565e11232decf3134f772325e7cd0e2128d0144ff1e5","affectsGlobalScope":true},"7e72ce64e021f6f43c8743682a3c7cf2035166f8283ca675a4589e1bd8a63e55",{"version":"60cc5b4f0a18127b33f8202d0d0fde56bc5699f4da1764b62ed770da2d5d44f1","affectsGlobalScope":true},"5da9bade8fea62743220d554e24489ea6aa46596e94e67cfff19b95804a54a5f",{"version":"d11fa2d42f762954eb4a07a0ab16b0a46aa6faf7b239f6cd1a8f5a38cb08edcd","affectsGlobalScope":true},"87daa4e406afddcea17302b85e08a2de9444fe561347cd1572ffa671c0171552",{"version":"781afd67249e2733eb65511694e19cdcdb3af496e5d8cdee0a80eba63557ff6e","affectsGlobalScope":true},"6b32428a82779c0a33356f537ec131882935bc76ad0371722618a9ac6403cca0",{"version":"f3275e1f0e5852b1a50fd3669f6ad8e6e04db94693bcfb97d31851e63f8e301e","affectsGlobalScope":true},"de82ff7892200413e9e0c54b038d87099de9d74a9e815b3cb6e9908f950f6ccd",{"version":"8a6ecff784dafbdb121906a61009670121882523b646338196099d4f3b5761d8","affectsGlobalScope":true},"1d5f5827fdeb0d59f76a1ee6caf0804d5d3c260e60e465b0b62baea333199e62",{"version":"256bdff4c082d9f4e2303138f64c152c6bd7b9dbca3be565095b3f3d51e2ab36","affectsGlobalScope":true},"0b14c87ea4887402356f7c8b321dfd944880ae76cd703e342c57ac7a83de4465",{"version":"e214a2a7769955cd4d4c29b74044036e4af6dca4ab9aaa2ed69286fcdf5d23b3","affectsGlobalScope":true},"85647ff695641f7f2fdf511385d441fec76ee47b2ed3edb338f3d6701bf86059",{"version":"25659b24ac2917dbfcbb61577d73077d819bd235e3e7112c76a16de8818c5fd6","affectsGlobalScope":true},"d6f83ae805f5842baa481a110e50ca8dbed0b631e0fd197b721de91dd6948d77",{"version":"7402e6ca4224d9c8cdd742afd0b656470ea6a5efe2229644418198715bb4b557","affectsGlobalScope":true},"36b19abb9d0a0e6809f9493786fe73c3058f66f0a5778554b30bd09d6d21d3d8",{"version":"242b00f3d86b322df41ed0bbea60ad286c033ac08d643b71989213403abcdf8a","affectsGlobalScope":true},"009a83d5af0027c9ab394c09b87ba6b4ca88a77aa695814ead6e765ea9c7a7cd",{"version":"4dc6e0aeb511a3538b6d6d13540496f06911941013643d81430075074634a375","affectsGlobalScope":true},"3a9312d5650fcbaf5888d260ac21bc800cc19cc5cc93867877dfeb9bbd53e2ca",{"version":"7ed57d9cb47c621d4ef4d4d11791fec970237884ff9ef7e806be86b2662343e8","affectsGlobalScope":true},"3bee2291e79f793251dcbea6b2692f84891c8c6508d97d89e95e66f26d136d37",{"version":"5bd49ff5317b8099b386eb154d5f72eca807889a354bcee0dc23bdcd8154d224","affectsGlobalScope":true},"1d5156bc15078b5ae9a798c122c436ce40692d0b29d41b4dc5e6452119a76c0e",{"version":"bd449d8024fc6b067af5eac1e0feb830406f244b4c126f2c17e453091d4b1cb3","affectsGlobalScope":true},"b6ce2b60910be81d4f2000ffe0bdbec408d6423196f6ad00db2a467cd53d676b",{"version":"dd5eab3bb4d13ecb8e4fdc930a58bc0dfd4825c5df8d4377524d01c7dc1380c5","affectsGlobalScope":true},"f011eacef91387abfde6dc4c363d7ffa3ce8ffc472bcbaeaba51b789f28bd1ef",{"version":"ceae66bbecbf62f0069b9514fae6da818974efb6a2d1c76ba5f1b58117c7e32e","affectsGlobalScope":true},"4101e45f397e911ce02ba7eceb8df6a8bd12bef625831e32df6af6deaf445350",{"version":"07a772cc9e01a1014a626275025b8af79535011420daa48a8b32bfe44588609c","affectsGlobalScope":true},"6d0790ee42e40b27183db10ce3be3f0e98dc3944d73c9a4c092bf5ec3bb184f7",{"version":"5be6cb715e042708f5ec2375975ba7a855f54d3554cf8970cd49d0434ad5c235","affectsGlobalScope":true},"02fbf1f4aabb776e2cf229fd74840a27eee5a08642b8ca0677e680a8427d6d12",{"version":"4d13cccdda804f10cecab5e99408e4108f5db47c2ad85845c838b8c0d4552e13","affectsGlobalScope":true},"780abc69f1e0ed0a3ed43cfaf201378faf6e8d8ec13354ed7169159cdeead3b9",{"version":"7ced457d6288fcb2fa3b64ddcaba92dbe7c539cc494ad303f64fc0a2ab72157d","affectsGlobalScope":true},"5d2721c49e058b8f28e495a54f709a004571cd3f57a62df63ed3eddb9e860af1",{"version":"0ccde5fc989806345b5ecca397796e26bbbca2882297adea57009022be7a300a","affectsGlobalScope":true},"730592593eaba845555f4d8f602d8c066972c97a3a8522a0c6f8f721e36bdc90",{"version":"725128203f84341790bab6555e2c343db6e1108161f69d7650a96b141a3153be","affectsGlobalScope":true},"e6ed9d8801e5fddc1a4260510e4266fbf80d5767cf2b9a6cbe8d0eb39d45971d",{"version":"947bf6ad14731368d6d6c25d87a9858e7437a183a99f1b67a8f1850f41f8cedd","affectsGlobalScope":true},"8eda6e4644c03f941c57061e33cef31cfde1503caadb095d0eb60704f573adee",{"version":"0538a53133eebb69d3007755def262464317adcf2ce95f1648482a0550ffc854","affectsGlobalScope":true},"a1dd4d1eada136ec8afb47871da02c1a28be6adc81717106ded5fcdd6548835c",{"version":"8d3ccb8e37673a205fb24f1a3ce7bc9237d32be05494c240245e3a783dd8e16d","affectsGlobalScope":true},"92492e2b8992cc1d68eca60f289ce9fa29dda1eb4d12eed577bcdb958666754b",{"version":"d155bad43ed0facccf039f4220d5d07fbafab34d9b1405e30d213d1ab36af590","affectsGlobalScope":true},"4a5259be4d6c85a4cd49745fb1d29d510a4a855e84261ad77d0df8585808292c",{"version":"220f860f55d18691bedf54ba7df667e0f1a7f0eed11485622111478b0ab46517","affectsGlobalScope":true},"3bee701deb7e118ea775daf8355be548d8b87ddf705fe575120a14dcace0468a",{"version":"9c473a989218576ad80b55ea7f75c6a265e20b67872a04acb9fb347a0c48b1a0","affectsGlobalScope":true},"5f666c585bb469b58187b892ed6dfb1ebf4aa84464b8d383b1f6defc0abe5ae0",{"version":"20b41a2f0d37e930d7b52095422bea2090ab08f9b8fcdce269518fd9f8c59a21","affectsGlobalScope":true},"dbac1f0434cde478156c9cbf705a28efca34759c45e618af88eff368dd09721d",{"version":"0f864a43fa6819d8659e94d861cecf2317b43a35af2a344bd552bb3407d7f7ec","affectsGlobalScope":true},"855391e91f3f1d3e5ff0677dbd7354861f33a264dc9bcd6814be9eec3c75dc96",{"version":"ebb2f05e6d17d9c9aa635e2befe083da4be0b8a62e47e7cc7992c20055fac4f0","affectsGlobalScope":true},"aee945b0aace269d555904ab638d1e6c377ce2ad35ab1b6a82f481a26ef84330",{"version":"9fb8ef1b9085ff4d56739d826dc889a75d1fefa08f6081f360bff66ac8dd6c8d","affectsGlobalScope":true},"342fd04a625dc76a10b4dea5ffee92d59e252d968dc99eb49ce9ed07e87a49d0",{"version":"e1425c8355feaaca104f9d816dce78025aa46b81945726fb398b97530eee6b71","affectsGlobalScope":true},"c000363e096f8d47779728ebba1a8e19a5c9ad4c54dbde8729eafc7e75eee8dc",{"version":"42c6b2370c371581bfa91568611dae8d640c5d64939a460c99d311a918729332","affectsGlobalScope":true},"590155b280f2902ebb42a991e9f4817ddf6558e5eb197deb3a693f5e0fc79bd9",{"version":"867b000c7a948de02761982c138124ad05344d5f8cb5a7bf087e45f60ff38e7c","affectsGlobalScope":true},"6f1d28967ec27ef5d244770ac80a62b66f10439aea63ed52e0604a18aad6468c",{"version":"02c22afdab9f51039e120327499536ac95e56803ceb6db68e55ad8751d25f599","affectsGlobalScope":true},"aba5fbfef4b20028806dac5702f876b902a6ba04e3c5b79760b62fc268c1bc80",{"version":"37129ad43dd9666177894b0f3ce63bba752dc3577a916aa7fe2baa105f863de3","affectsGlobalScope":true},"68526c897cd9e129d21f982679011d64068eac52cc437fce5e48bc78670356f3",{"version":"31f709dc6793c847f5768128e46c00813c8270f7efdb2a67b19edceb0d11f353","affectsGlobalScope":true},"eee3c05152eff43e7a9555abbef7d8710bfdb404511432599e8ac63ae761c46c",{"version":"018847821d07559c56b0709a12e6ffaa0d93170e73c60ee9f108211d8a71ec97","affectsGlobalScope":true},"b50322892db37ef61b48411c989f4cd36b3f41205ad10e7c03f14afade571256",{"version":"7832e8fe1841bee70f9a5c04943c5af1b1d4040ac6ff43472aeb1d43c692a957","affectsGlobalScope":true},"9f2282aa955832e76be86172346dc00c903ea14daf99dd273e3ec562d9a90882",{"version":"013853836ed002be194bc921b75e49246d15c44f72e9409273d4f78f2053fc8f","affectsGlobalScope":true},"0e9a7364eaf09801cbb8cf0118441d5f7f011fc0060c60191587526c448974c4",{"version":"e08392a815b5a4a729d5f8628e3ed0d2402f83ed76b20c1bf551d454f59d3d16","affectsGlobalScope":true},"6a7f172fb4524b4091b793d0e2cccdb365876dcf7f056552a93fbf6c2c1d64d9",{"version":"c3dfd6032ba0bc68520b99fc40cb45f46c73f4c98dedcde79b181f1f0632c262","affectsGlobalScope":true},"261f0f336c13435274021ab058138312b2443bd61723de6acbc4e57a8cecf349",{"version":"5768572c8e94e5e604730716ac9ffe4e6abecbc6720930f067f5b799538f7991","affectsGlobalScope":true},"198075277aef627743ef66a469881addbbf2f6c4c508ffb4c96de94137ca8563",{"version":"e2ae8c8fcfb98fae10647c9159915deea2073bdfcc3fe99b5846fd9563867399","affectsGlobalScope":true},"d0984177c1dc95545541f477fb0df1fb76e7454a943c98ed208dc0da2ff096b2",{"version":"f366ca25885ab7c99fc71a54843420be31df1469f8556c37d24f72e4037cb601","affectsGlobalScope":true},"a05b412a93ba43d2d6e9c81718dea87a42c7e4f9e8b1efbaafee03a94eaf4b7a",{"version":"163cc945edad3584b23de3879dbad7b538d4de3a6c51cc28ae4115caee70ce21","affectsGlobalScope":true},"4fefff4da619ba238fccd45484e9ee84ee1ae89152eac9e64d0f1e871911121c",{"version":"d604893d4e88daade0087033797bbafc2916c66a6908da92e37c67f0bad608db","affectsGlobalScope":true},"56ce2cd3aa0ebbcf161faed36a9d119e5ff6f962993f1af29b826eff1801bad3",{"version":"dc265f24d2ddad98f081eb76d1a25acfb29e18f569899b75f40b99865a5d9e3b","affectsGlobalScope":true},"7c1538394a43ce6d7b7c471b87cc97c487bc3bff37fdd2fc5f659c67445a3a03",{"version":"dd7f9be1c6c69fbf3304bc0ae81584e6cd17ab6ad4ab69cb8b06f541318cc97e","affectsGlobalScope":true},"f528ce3ce9430376705b10ee52296d36b83871b2b39a8ae3ecec542fc4361928",{"version":"41ffc155348dd4993bc58ee901923f5ade9f44bc3b4d5da14012a8ded17c0edd","affectsGlobalScope":true},"580eedb87f9ed40ff5fc619507e47c984a1e3fbf2fee8f5eecbe98806997d0ee",{"version":"3e8e0655ed5a570a77ea9c46df87eeca341eed30a19d111070cf6b55512694e8","affectsGlobalScope":true},"c1b3019eeb7120da76e837268ac26beea8dc0aa8d6108e286e9cfa9478af562b","6bb6fda2bba279010a8ffb5221fd28aed12d3d37ebc396a6e0f02840adb17970",{"version":"cc4c74d1c56e83aa22e2933bfabd9b0f9222aadc4b939c11f330c1ed6d6a52ca","affectsGlobalScope":true},"b0672e739a3d2875447236285ec9b3693a85f19d2f5017529e3692a3b158803d",{"version":"8a2e0eab2b49688f0a67d4da942f8fd4c208776631ba3f583f1b2de9dfebbe6c","affectsGlobalScope":true},"229648df48b149ecb40a267e69899456c28dbe4b31e64513be64eb2b58e29f1c",{"version":"f6266ada92f0c4e677eb3fbf88039a8779327370f499690bf9720d6f7ad5f199","affectsGlobalScope":true},"ab149c81ee4c7bb5fd0abea1057389185e334d5038c4c8739faa65ec5feb6ffc",{"version":"fb6cb8911a03c7ac61ee80aafdc072623850dd6a6d9fa0c98b015d8b181153a5","affectsGlobalScope":true},"8946ad9bc3d5c42cdb07de081480d869e358f5986166649a9e4230bea2ea84bd",{"version":"09a227ec52ef63acca2a3a1f31ca6d3affa45b51e18ffdf0036152d5f102dfd7","affectsGlobalScope":true},"c03bcada0b059d1f0e83cabf6e8ca6ba0bfe3dece1641e9f80b29b8f6c9bcede",{"version":"f2eac49e9caa2240956e525024bf37132eae37ac50e66f6c9f3d6294a54c654c","affectsGlobalScope":true},"e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855",{"version":"f3e7a4075f7edc952560ec2254b453bfc8496d78e034768052347e088537694b","affectsGlobalScope":true},"e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855",{"version":"f3e7a4075f7edc952560ec2254b453bfc8496d78e034768052347e088537694b","affectsGlobalScope":true},"e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855",{"version":"f3e7a4075f7edc952560ec2254b453bfc8496d78e034768052347e088537694b","affectsGlobalScope":true},"e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855",{"version":"f3e7a4075f7edc952560ec2254b453bfc8496d78e034768052347e088537694b","affectsGlobalScope":true},"e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855",{"version":"f3e7a4075f7edc952560ec2254b453bfc8496d78e034768052347e088537694b","affectsGlobalScope":true},"e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855",{"version":"f3e7a4075f7edc952560ec2254b453bfc8496d78e034768052347e088537694b","affectsGlobalScope":true},"e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855",{"version":"f3e7a4075f7edc952560ec2254b453bfc8496d78e034768052347e088537694b","affectsGlobalScope":true},"a0ad84c717107c133f77f15b344d62633863931d4b3592de20c232ded129c50b",{"version":"7373a173ea1b42648b1779267a5a707eb403ccc31a16761870dbf0660eb234ee","affectsGlobalScope":true},"e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855",{"version":"f3e7a4075f7edc952560ec2254b453bfc8496d78e034768052347e088537694b","affectsGlobalScope":true},"ace629691abf97429c0afef8112cc0c070189ff2d12caee88e8913bdd2aaad25",{"version":"99a71914dd3eb5d2f037f80c3e13ba3caff0c3247d89a3f61a7493663c41b7ea","affectsGlobalScope":true},"25a12a35aeee9c92a4d7516c6197037fc98eee0c7f1d4c53ef8180ffc82cb476",{"version":"b4646ac5ca017c2bb22a1120b4506855f1cef649979bf5a25edbead95a8ea866","affectsGlobalScope":true},"54d94aeec7e46e1dab62270c203f7907ca62e4aaa48c6cdcfed81d0cd4da08f3",{"version":"f9585ff1e49e800c03414267219537635369fe9d0886a84b88a905d4bcfff998","affectsGlobalScope":true},"483d29eb2d4b6c4d486f67b682a5d0ca2d4d452e09e6d43eee0f5ef0f4950aee","eaf540a66adaf590521596a4de7d2f86644aae59b5ef449b26d4b00ccfc13ba5",{"version":"1ff9449d1efdebef55b0ba13fe7f04b697c264e73ec05f41f7633dd057468b2d","affectsGlobalScope":true},"79792358436829ae510866561a6c62e37472108ae7a1836ba2b7136eba000bda",{"version":"7c160037704eee2460c7de4a60f3379da37180db9a196071290137286542b956","affectsGlobalScope":true},"87bdcea89ec013888b0fdb1694ce0cb4b8bf6b9f03f90429cbb4e00b510f838d",{"version":"4681d15a4d7642278bf103db7cd45cc5fe0e8bde5ea0d2be4d5948186a9f4851","affectsGlobalScope":true},"91eb719bcc811a5fb6af041cb0364ac0993591b5bf2f45580b4bb55ddfec41e2","05d7cf6a50e4262ca228218029301e1cdc4770633440293e06a822cb3b0ef923",{"version":"78402a74c2c1fc42b4d1ffbad45f2041327af5929222a264c44be2e23f26b76a","affectsGlobalScope":true},"cc93c43bc9895982441107582b3ecf8ab24a51d624c844a8c7333d2590c929e2",{"version":"c5d44fe7fb9b8f715327414c83fa0d335f703d3fe9f1045a047141bfd113caec","affectsGlobalScope":true},"f8b42b35100812c99430f7b8ce848cb630c33e35cc10db082e85c808c1757554",{"version":"ba28f83668cca1ad073188b0c2d86843f9e34f24c5279f2f7ba182ff051370a4","affectsGlobalScope":true},"349b276c58b9442936b049d5495e087aef7573ad9923d74c4fbb5690c2f42a2e",{"version":"ad8c67f8ddd4c3fcd5f3d90c3612f02b3e9479acafab240b651369292bb2b87a","affectsGlobalScope":true},"1954f24747d14471a5b42bd2ad022c563813a45a7d40ba172fc2e89f465503e2",{"version":"05bbb3d4f0f6ca8774de1a1cc8ba1267fffcc0dd4e9fc3c3478ee2f05824d75d","affectsGlobalScope":true},"37e69b0edd29cbe19be0685d44b180f7baf0bd74239f9ac42940f8a73f267e36",{"version":"afba2e7ffca47f1d37670963b0481eb35983a6e7d043c321b3cfa2723cab93c9","affectsGlobalScope":true},"bb146d5c2867f91eea113d7c91579da67d7d1e7e03eb48261fdbb0dfb0c04d36",{"version":"90b95d16bd0207bb5f6fedf65e5f6dba5a11910ce5b9ffc3955a902e5a8a8bd5","affectsGlobalScope":true},"3698fee6ae409b528a07581f542d5d69e588892f577e9ccdb32a4101e816e435",{"version":"26fc7c5e17d3bcc56ed060c8fb46c6afde9bc8b9dbf24f1c6bdfecca2228dac8","affectsGlobalScope":true},"46fd8192176411dac41055bdb1fdad11cfe58cdce62ccd68acff09391028d23f",{"version":"22791df15401d21a4d62fc958f3683e5edc9b5b727530c5475b766b363d87452","affectsGlobalScope":true},"150ac8ae1c4500f57f2af6e491717a8858a40619063164b1ad746d6a9ef30207","cefffd616954d7b8f99cba34f7b28e832a1712b4e05ac568812345d9ce779540",{"version":"a365952b62dfc98d143e8b12f6dcc848588c4a3a98a0ae5bf17cbd49ceb39791","affectsGlobalScope":true},"af0b1194c18e39526067d571da465fea6db530bca633d7f4b105c3953c7ee807",{"version":"b58e47c6ff296797df7cec7d3f64adef335e969e91d5643a427bf922218ce4ca","affectsGlobalScope":true},"76cbd2a57dc22777438abd25e19005b0c04e4c070adca8bbc54b2e0d038b9e79","4aaf6fd05956c617cc5083b7636da3c559e1062b1cadba1055882e037f57e94c","171ad16fb81daf3fd71d8637a9a1db19b8e97107922e8446d9b37e2fafd3d500",{"version":"d4ce8dfc241ebea15e02f240290653075986daf19cf176c3ce8393911773ac1b","affectsGlobalScope":true},{"version":"52cd0384675a9fa39b785398b899e825b4d8ef0baff718ec2dd331b686e56814","affectsGlobalScope":true},{"version":"58c2bb87fdf190100849a698042d09373be574e531758b1cfe3533258c3d4daa","affectsGlobalScope":true},{"version":"b8f8d5bc91f9618e50778e56f99e74f63dc08f7a91799379887d0fb3ff51fe5e","affectsGlobalScope":true},{"version":"769c459185e07f5b15c8d6ebc0e4fec7e7b584fd5c281f81324f79dd7a06e69c","affectsGlobalScope":true},{"version":"c947df743f2fd638bd995252d7883b54bfef0dbad641f085cc0223705dfd190e","affectsGlobalScope":true},"db78f3b8c08924f96c472319f34b5773daa85ff79faa217865dafef15ea57ffb","8ae46c432d6a66b15bce817f02d26231cf6e75d9690ae55e6a85278eb8242d21","ff5a16ce08431fae07230367d151e3c92aa6899bc9a05669492a51666f11ceb5","526904beb2843034196e50156b58a5001ba5b87c5bb4e7ec04f539e6819f204e","0b8e1d3772938c6cd08e5e1bc9f19eb60601430c62343e0901c075647abdcd3e","74c59e68a89102dd3d5a2c727f03b9adc3e9fa8fbb66b88b9ab3f7fd5fa13a3e","a99a2cd390004f1f4b4ebe8fc761a2275f1cbeac52ee22f022df3a97154548e5","28fc3a786cb2f37e8e033b43d21f8bb453d8ebf76783912c9013e7ebc558514c","4d311eabe35c4c1fe9b47d5e5f82e3c5467be90b34270fd71b3757bb5dbbe296","b13f4e6dc105d752b87d3f6c56dbe8d6a16bea452736c1700854416659a11c77","66500cbabdb5d98df1ea231c2e2c0e04f80cd68274d7824dec4918c57cdc12ed","bfc3139c8fabf7e817ecb0f7e1df3cb2913d11948134d65ac3c7a055326a25fc","a1df10158046f51bd2842160a981804ab4e0509078ad70c9028346bd55d5ac6d","9b89cce04ccf37e0192bb3a20c7db4210b74a45aa80af8732e7d527c18c22370","8be48c50bbc29c4beac1ccc8118f97a0677f5970c05785ec5abbdd84f50f9531","6dab8cd004d5f2a5793bf801fce762605a35c87700f3ee59c12a0365f640699e","21026840f47c8a768f5b0cb1f521932d58f001e2ac838440399a9670ffb68fc3","bdfb2bb6ab07f8729c4fce3f88d8282d6424697965936f579d766ca2b629a8d4","1942d702629dfaee32ea7979571cf7a06508cfaf8064d3398538012b99c01e5b","0686aec51cdae584ffe712843c5a87df8284ce1d8105998715c9347f1bfdb375","921bdb8483b8b1b4c04192068e34cc7d3b530db78504164e295baec8700675fe","8e32a26bcd5d7c9398bece4b9d6e1192e274e7a82bf7f60f797fbdd4347be22f","e5e52b296637db35275ddf433d01cebd57f752eceb347da89b249361cf8da821","d13e2c2a73d71d1d4674210ca41fbb959652926a8387714cd4e44ea77e0988d1","6619d030d1dd235f4ff7650464ccaa6f5a19d47c706b7d01e247d6a86cb6ae44","5b8f4df9bd6fb46c0696083274c7c14f732c58c21fea8ed4c7e33be21900bdc9","04982052767d225bb087130a7c5a4c9af6989617e3c1678920a46dc84dc55a8e"],"root":[383,408],"options":{"inlineSources":true,"module":99,"noEmitOnError":false,"noImplicitAny":false,"noImplicitThis":true,"outDir":"../../../../dist/dev/.uvue/app-android","rootDir":"../../../../dist/dev/.tsc/app-android","skipLibCheck":true,"sourceMap":true,"strict":true,"target":99,"tsBuildInfoFile":"./.tsbuildInfo","useDefineForClassFields":false},"fileIdsList":[[46,48,50,377,378,379],[138,152,373,376,378,379,380,381],[64,71],[137],[56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136],[59,60,61,62,63,65,67,69,70,72],[110],[71,75],[112],[131],[66],[72],[65,71,82],[71,80],[59,60,61,62,63,67,71,72,80,81],[111],[71],[80,81,82,127],[63,72,113,116],[58,63,68,73,80,108,109,113,114],[68,71],[115],[73],[62,71],[71,72],[71,82],[70,71,80,81,82],[75],[46,48,50,69,377,378],[375],[374],[153,154,305,342,349,368,370,372],[371],[369],[156,158,160,162,164,166,168,170,172,174,176,178,180,182,184,186,188,190,192,194,196,198,200,202,204,206,208,210,212,214,216,218,220,222,224,226,228,230,232,234,236,238,240,242,244,246,248,250,252,254,256,258,260,262,264,266,268,270,272,274,276,278,280,282,284,286,288,290,292,294,296,298,300,302,304],[155],[157],[159],[161],[165],[167],[169],[171],[173],[175],[177],[179],[181],[183],[185],[187],[189],[191],[193],[195],[197],[199],[201],[203],[205],[207],[209],[211],[213],[215],[217],[219],[221],[223],[225],[227],[229],[231],[233],[235],[237],[239],[241],[243],[245],[247],[249],[251],[253],[255],[257],[259],[261],[263],[265],[267],[269],[271],[273],[275],[277],[279],[281],[283],[285],[287],[289],[291],[293],[295],[297],[299],[301],[303],[307,309,311,313,315,317,319,321,323,325,327,329,331,333,335,337,339,341],[306],[308],[310],[312],[314],[316],[332],[336],[338],[340],[344,346,348],[343],[345],[347],[351,353,355,357,359,361,363,365,367],[366],[358],[354],[352],[364],[356],[360],[350],[362],[75,82],[151],[139,140,141,142,143,144,145,146,147,148,149,150],[82],[75,82,135],[51,52,53,54],[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27],[384],[46,48,50,378,379],[44],[44,45,46,48],[41,48,49,50],[42],[41,46,48,378,379],[45,46,47,50,378,379],[29,30,31,32,33,34,35,36,37,38,39],[33],[36],[33,35],[392,393],[394,395],[46,48,50,378,379,385,386,387,388,397,398,399,400,401,402,403,404,405,406,407],[46,48,50,378,379,396],[46,48,50,378,379,389,396],[389],[390],[390,391],[387]],"referencedMap":[[378,1],[382,2],[65,3],[138,4],[137,5],[71,6],[111,7],[134,8],[113,9],[132,10],[67,11],[66,12],[130,13],[75,12],[109,14],[82,15],[112,16],[72,17],[128,18],[126,12],[125,12],[124,12],[123,12],[122,12],[121,12],[120,12],[119,12],[118,19],[115,20],[117,12],[69,21],[73,12],[116,22],[108,23],[107,12],[105,12],[104,12],[103,24],[102,12],[101,12],[100,12],[99,12],[98,25],[97,12],[96,12],[95,12],[94,12],[92,26],[93,12],[90,12],[89,12],[88,12],[91,27],[87,12],[86,17],[85,28],[84,28],[83,26],[79,28],[78,28],[77,28],[76,28],[74,23],[379,29],[376,30],[375,31],[373,32],[372,33],[370,34],[305,35],[156,36],[158,37],[160,38],[162,39],[166,40],[168,41],[170,42],[172,43],[174,44],[176,45],[178,46],[180,47],[182,48],[184,49],[186,50],[188,51],[190,52],[192,53],[194,54],[196,55],[198,56],[200,57],[202,58],[204,59],[206,60],[208,61],[210,62],[212,63],[214,64],[216,65],[218,66],[220,67],[222,68],[224,69],[226,70],[228,71],[230,72],[232,73],[234,74],[236,75],[238,76],[240,77],[242,78],[244,79],[246,80],[248,81],[250,82],[252,83],[254,84],[256,85],[258,86],[260,87],[262,88],[264,89],[266,90],[268,91],[270,92],[272,93],[274,94],[276,95],[278,96],[280,97],[282,98],[284,99],[286,100],[288,101],[290,102],[292,103],[294,104],[296,105],[298,106],[300,107],[302,108],[304,109],[342,110],[307,111],[309,112],[311,113],[313,114],[315,115],[317,116],[333,117],[337,118],[339,119],[341,120],[349,121],[344,122],[346,123],[348,124],[368,125],[367,126],[359,127],[355,128],[353,129],[365,130],[357,131],[361,132],[351,133],[363,134],[139,135],[152,136],[151,137],[145,135],[146,135],[140,135],[141,135],[142,135],[143,135],[144,135],[148,138],[149,139],[147,138],[55,140],[28,141],[385,142],[47,143],[45,144],[46,145],[383,146],[43,147],[50,148],[48,149],[40,150],[35,151],[34,151],[37,152],[36,153],[39,153],[394,154],[396,155],[408,156],[404,157],[403,157],[400,158],[397,158],[405,157],[406,157],[388,143],[402,159],[401,158],[399,159],[407,159],[391,160],[392,161],[393,162]],"exportedModulesMap":[[378,1],[382,2],[65,3],[138,4],[137,5],[71,6],[111,7],[134,8],[113,9],[132,10],[67,11],[66,12],[130,13],[75,12],[109,14],[82,15],[112,16],[72,17],[128,18],[126,12],[125,12],[124,12],[123,12],[122,12],[121,12],[120,12],[119,12],[118,19],[115,20],[117,12],[69,21],[73,12],[116,22],[108,23],[107,12],[105,12],[104,12],[103,24],[102,12],[101,12],[100,12],[99,12],[98,25],[97,12],[96,12],[95,12],[94,12],[92,26],[93,12],[90,12],[89,12],[88,12],[91,27],[87,12],[86,17],[85,28],[84,28],[83,26],[79,28],[78,28],[77,28],[76,28],[74,23],[379,29],[376,30],[375,31],[373,32],[372,33],[370,34],[305,35],[156,36],[158,37],[160,38],[162,39],[166,40],[168,41],[170,42],[172,43],[174,44],[176,45],[178,46],[180,47],[182,48],[184,49],[186,50],[188,51],[190,52],[192,53],[194,54],[196,55],[198,56],[200,57],[202,58],[204,59],[206,60],[208,61],[210,62],[212,63],[214,64],[216,65],[218,66],[220,67],[222,68],[224,69],[226,70],[228,71],[230,72],[232,73],[234,74],[236,75],[238,76],[240,77],[242,78],[244,79],[246,80],[248,81],[250,82],[252,83],[254,84],[256,85],[258,86],[260,87],[262,88],[264,89],[266,90],[268,91],[270,92],[272,93],[274,94],[276,95],[278,96],[280,97],[282,98],[284,99],[286,100],[288,101],[290,102],[292,103],[294,104],[296,105],[298,106],[300,107],[302,108],[304,109],[342,110],[307,111],[309,112],[311,113],[313,114],[315,115],[317,116],[333,117],[337,118],[339,119],[341,120],[349,121],[344,122],[346,123],[348,124],[368,125],[367,126],[359,127],[355,128],[353,129],[365,130],[357,131],[361,132],[351,133],[363,134],[139,135],[152,136],[151,137],[145,135],[146,135],[140,135],[141,135],[142,135],[143,135],[144,135],[148,138],[149,139],[147,138],[55,140],[28,141],[385,142],[47,143],[45,144],[46,145],[383,146],[43,147],[50,148],[48,149],[40,150],[35,151],[34,151],[37,152],[36,153],[39,153],[394,154],[396,155],[408,156],[404,157],[403,157],[400,158],[397,158],[405,157],[406,157],[388,143],[402,159],[401,158],[399,159],[407,159],[391,160],[392,161],[393,162]],"semanticDiagnosticsPerFile":[378,377,382,110,65,61,62,59,138,136,137,71,111,135,134,113,80,81,64,60,131,132,67,66,63,130,129,75,109,82,112,72,127,128,126,125,124,123,122,121,120,119,118,115,117,69,114,73,116,108,107,106,105,104,103,102,68,101,100,99,98,97,96,95,94,92,93,90,89,88,91,70,87,86,85,84,83,79,78,77,76,74,133,58,57,56,379,380,376,375,374,153,154,373,372,371,370,369,305,156,155,158,157,160,159,162,161,164,163,166,165,168,167,170,169,172,171,174,173,176,175,178,177,180,179,182,181,184,183,186,185,188,187,190,189,192,191,194,193,196,195,198,197,200,199,202,201,204,203,206,205,208,207,210,209,212,211,214,213,216,215,218,217,220,219,222,221,224,223,226,225,228,227,230,229,232,231,234,233,236,235,238,237,240,239,242,241,244,243,246,245,248,247,250,249,252,251,254,253,256,255,258,257,260,259,262,261,264,263,266,265,268,267,270,269,272,271,274,273,276,275,278,277,280,279,282,281,284,283,286,285,288,287,290,289,292,291,294,293,296,295,298,297,300,299,302,301,304,303,342,307,306,309,308,311,310,313,312,315,314,317,316,319,318,321,320,323,322,325,324,327,326,329,328,331,330,333,332,335,334,337,336,339,338,341,340,349,344,343,346,345,348,347,368,367,366,359,358,355,354,353,352,365,364,357,356,361,360,351,350,363,362,381,139,152,151,150,145,146,140,141,142,143,144,148,149,147,55,51,52,53,54,1,16,2,28,3,26,4,5,17,18,6,20,21,19,27,7,8,9,10,11,12,13,14,24,25,22,23,15,47,45,46,44,383,42,43,50,49,48,41,40,31,35,32,33,34,37,36,38,39,30,29]},"version":"5.2.2"}
\ No newline at end of file