feat: 基本实现拆单收货

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

@@ -1,5 +1,7 @@
 <template>
-  <main class="address-page">
+  <div>
+    <joyful-selection-address-list-skeleton v-if="loading" />
+    <main v-else class="address-page">
     <van-nav-bar title="地址管理" left-arrow @click-left="$router.back()" />
     <van-address-list
       v-model="chosenAddressId"
@@ -11,15 +13,21 @@
       @edit="onEdit"
       @select="onSelect"
     />
-  </main>
+    </main>
+  </div>
 </template>
 
 <script>
 import { formatAddress, readAddresses, readChosenAddressId, saveChosenAddressId } from './address-data'
+import JoyfulSelectionAddressListSkeleton from '@/skeleton-view/joyful-selection/address/index.vue'
 
 export default {
   name: 'JoyfulSelectionAddressList',
+  components: {
+    JoyfulSelectionAddressListSkeleton
+  },
   data: () => ({
+    loading: true,
     chosenAddressId: '',
     addresses: [],
     disabledList: []
@@ -38,6 +46,9 @@ export default {
   created() {
     this.addresses = readAddresses()
     this.chosenAddressId = readChosenAddressId()
+    this.$nextTick(() => {
+      this.loading = false
+    })
   },
   methods: {
     onSelect(item) {