fix the mobile transaction list page displayed incorrectly when loading more transactions

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "ezbookkeeping",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "ezbookkeeping",
-      "version": "1.1.0",
+      "version": "1.1.1",
       "license": "MIT",
       "dependencies": {
         "@mdi/js": "^7.4.47",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ezbookkeeping",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "private": true,
   "repository": {
     "type": "git",

src/views/mobile/transactions/ListPage.vue

@@ -830,7 +830,8 @@ function setTransactionMonthListHeights(reset: boolean): Promise<unknown> {
         if (transactions.value && transactions.value.length) {
             const heights: Record<string, number> = getElementActualHeights('.transaction-month-list');
 
-            for (const transactionMonthList of transactions.value) {
+            for (let i = 0; i < transactions.value.length - 1; i++) {
+                const transactionMonthList = transactions.value[i] as TransactionMonthList;
                 const yearDashMonth = transactionMonthList.yearDashMonth;
                 const domId = getTransactionMonthListDomId(yearDashMonth);
                 const height = heights[domId];
@@ -848,7 +849,8 @@ function setTransactionInvisibleYearMonthList(): void {
         return;
     }
 
-    for (const transactionMonthList of transactions.value) {
+    for (let i = 0; i < transactions.value.length - 1; i++) {
+        const transactionMonthList = transactions.value[i] as TransactionMonthList;
         const yearDashMonth = transactionMonthList.yearDashMonth;
 
         const titleDomId = getTransactionMonthTitleDomId(yearDashMonth);