积分商城

src/router/modules/personal.js

@@ -139,7 +139,7 @@ const personal = [
   {
     path: '/purchasePackage',
     component: Layout,
-    name: 'purchasePackage',
+    name: 'personalPurchasePackage',
     meta: {
       title: '购买套餐'
     },
@@ -153,5 +153,22 @@ const personal = [
       }
     ]
   },
+  {
+    path: '/pointsMall',
+    component: Layout,
+    name: 'personalPointsMall',
+    meta: {
+      title: '积分商城'
+    },
+    children: [
+      {
+        path: '/purchasePackage',
+        component: () => import('@/views/personal/pointsMall/index'),
+        meta: {
+          title: '积分商城'
+        },
+      }
+    ]
+  },
 ]
 export default personal

src/views/personal/components/integralShow.vue

@@ -9,7 +9,7 @@
       <span style="font-size: 42px; color: #10897bba; line-height: 50px;" class="ml-10 cursor-pointer" @click="router.push({ path: '/myPublicRecruitment', query: { tab: 2 } })">{{ integral }}</span>
       <span style="font-size: 16px; color: #787d82; line-height: 24px;" class="mr-8">
         积分土豪的都喜欢来这里，
-        <span style="color: #10897be8; cursor: pointer;">积分商城</span>
+        <span style="color: #10897be8; cursor: pointer;" @click="router.push({ path: '/pointsMall'})">积分商城</span>
       </span>
     </div>
   </div>

src/views/personal/pointsMall/index.vue

@@ -0,0 +1,12 @@
+<!-- 积分商城 -->
+<template>
+  <div>
+    积分商城
+  </div>
+</template>
+
+<script setup>
+defineOptions({name: 'personal-pointsMall'})
+</script>
+<style lang="scss" scoped>
+</style>