feat: 基本实现拆单收货

supplied-h5/src/view/joyful-selection/profile/index.vue

@@ -1,5 +1,7 @@
 <template>
-  <main class="profile-page">
+  <div>
+    <joyful-selection-profile-skeleton v-if="loading" />
+    <main v-else class="profile-page">
     <section class="profile-hero">
       <div class="profile-actions">
         <van-icon name="setting-o" />
@@ -69,16 +71,22 @@
         <p>敬请期待</p>
       </div>
     </section>
-  </main>
+    </main>
+  </div>
 </template>
 
 <script>
 import { mapActions, mapState } from 'pinia'
 import { useUserStore } from '@/store/user'
+import JoyfulSelectionProfileSkeleton from '@/skeleton-view/joyful-selection/profile/index.vue'
 
 export default {
   name: 'JoyfulSelectionProfile',
+  components: {
+    JoyfulSelectionProfileSkeleton
+  },
   data: () => ({
+    loading: true,
     orderItems: [
       { icon: 'balance-pay', text: '待付款' },
       { icon: 'logistics', text: '待发货' },
@@ -96,9 +104,12 @@ export default {
     }
   },
   created() {
+    this.loading = true
     this.fetchUserPoints().catch(error => {
       console.warn('查询用户积分失败', error)
       this.$toast(error.message || '查询用户积分失败')
+    }).finally(() => {
+      this.loading = false
     })
   },
   methods: {