mirror of
https://github.com/mayswind/ezbookkeeping.git
synced 2026-05-20 01:34:24 +08:00
reduce the number of skeleton rows when loading in transaction list page
This commit is contained in:
@@ -1064,8 +1064,9 @@ const paginationCurrentPage = computed<number>({
|
|||||||
|
|
||||||
const skeletonData = computed<number[]>(() => {
|
const skeletonData = computed<number[]>(() => {
|
||||||
const data: 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);
|
data.push(i);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -120,7 +120,7 @@
|
|||||||
<f7-accordion-content style="height: auto">
|
<f7-accordion-content style="height: auto">
|
||||||
<f7-list strong inset dividers media-list accordion-list class="transaction-info-list combination-list-content">
|
<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"
|
<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>
|
<template #media>
|
||||||
<div class="display-flex flex-direction-column transaction-date">
|
<div class="display-flex flex-direction-column transaction-date">
|
||||||
<span class="transaction-day full-line flex-direction-column">DD</span>
|
<span class="transaction-day full-line flex-direction-column">DD</span>
|
||||||
|
|||||||
Reference in New Issue
Block a user