reduce the number of skeleton rows when loading in transaction list page

2025-07-07 22:58:41 +08:00
parent 0387551c43
commit b05a53ffe3
2 changed files with 3 additions and 2 deletions
@@ -1064,8 +1064,9 @@ const paginationCurrentPage = computed<number>({

 const skeletonData = computed<number[]>(() => {
    const data: number[] = [];
+    const totalCount = (pageType.value === TransactionListPageType.List.type ? countPerPage.value : 3);

-    for (let i = 0; i < countPerPage.value; i++) {
+    for (let i = 0; i < totalCount; i++) {
        data.push(i);
    }

@@ -120,7 +120,7 @@
                    <f7-accordion-content style="height: auto">
                        <f7-list strong inset dividers media-list accordion-list class="transaction-info-list combination-list-content">
                            <f7-list-item link="#" chevron-center class="transaction-info"
-                                          :key="itemIdx" v-for="itemIdx in (blockIdx === 1 ? [ 1, 2, 3, 4, 5, 6, 7 ] : [ 1, 2, 3 ])">
+                                          :key="itemIdx" v-for="itemIdx in (pageType === TransactionListPageType.List.type && blockIdx === 1 ? [ 1, 2, 3, 4, 5, 6, 7 ] : [ 1, 2, 3 ])">
                                <template #media>
                                    <div class="display-flex flex-direction-column transaction-date">
                                        <span class="transaction-day full-line flex-direction-column">DD</span>