From 27c66548a2d452998cc4654b948164ba5dfdbb0e Mon Sep 17 00:00:00 2001
From: yml2213 <a2213290201@gmail.com>
Date: Wed, 4 Nov 2026 19:24:29 +0800
Subject: [PATCH] =?UTF-8?q?fix(points):=20=E4=BF=AE=E5=A4=8D=E7=A7=AF?=
 =?UTF-8?q?=E5=88=86=E5=95=86=E5=9F=8E=E6=A1=8C=E9=9D=A2=E7=AB=AF=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/features/points/views/PointsMallView.vue | 11 +++++++----
 frontend/src/router/accountRoutes.ts                  |  1 +
 frontend/src/router/mobileRoutes.ts                   |  1 +
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/frontend/src/features/points/views/PointsMallView.vue b/frontend/src/features/points/views/PointsMallView.vue
index 320e523..8e1002c 100644
--- a/frontend/src/features/points/views/PointsMallView.vue
+++ b/frontend/src/features/points/views/PointsMallView.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed, onMounted, ref } from 'vue'
-import { useRoute, useRouter } from 'vue-router'
+import { useRouter } from 'vue-router'
 
 import {
   fetchMyPointsRedemptions,
@@ -15,8 +15,8 @@ import {
 } from '@/features/points/api/pointsMall'
 import { readError } from '@/shared/utils/error'
 
+const props = withDefaults(defineProps<{ mobile?: boolean }>(), { mobile: false })
 const router = useRouter()
-const route = useRoute()
 const loading = ref(true)
 const redeemingID = ref(0)
 const errorMessage = ref('')
@@ -25,7 +25,7 @@ const products = ref<PointsMallProduct[]>([])
 const redemptions = ref<PointsMallRedemption[]>([])
 const ledger = ref<PointsLedgerItem[]>([])
 const activeTab = ref<'mall' | 'records'>('mall')
-const isMobile = computed(() => route.path.startsWith('/m/'))
+const isMobile = computed(() => props.mobile)
 const multiplierText = computed(() =>
   summary.value ? (summary.value.points_multiplier_bps / 10000).toFixed(2) : '1.00'
 )
@@ -200,8 +200,11 @@ function sourceLabel(source: string) {
 
 <style scoped>
 .points-mall {
+  width: 100%;
+  max-width: none;
+  margin: 0;
   min-height: 100vh;
-  padding: 28px max(20px, calc((100vw - 1240px) / 2));
+  padding: 28px max(20px, calc((100% - 1240px) / 2));
   background: #f5f7fb;
   color: #20242a;
 }
diff --git a/frontend/src/router/accountRoutes.ts b/frontend/src/router/accountRoutes.ts
index 7e3a40d..a2f1f65 100644
--- a/frontend/src/router/accountRoutes.ts
+++ b/frontend/src/router/accountRoutes.ts
@@ -24,6 +24,7 @@ export const accountRoutes: RouteRecordRaw[] = [
     name: 'points-mall',
     component: () => import('@/features/points/views/PointsMallView.vue'),
     meta: { requiresAuth: true },
+    props: { mobile: false },
   },
   {
     path: '/orders',
diff --git a/frontend/src/router/mobileRoutes.ts b/frontend/src/router/mobileRoutes.ts
index 701ae2d..38fdc3d 100644
--- a/frontend/src/router/mobileRoutes.ts
+++ b/frontend/src/router/mobileRoutes.ts
@@ -100,6 +100,7 @@ export const mobileRoutes: RouteRecordRaw[] = [
     name: 'mobile-points-mall',
     component: () => import('@/features/points/views/PointsMallView.vue'),
     meta: { layout: 'blank', requiresAuth: true },
+    props: { mobile: true },
   },
   {
     path: '/m/notifications',