From a91f254f957208e90c13f6067ead3c4a972f1721 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Tue, 10 Nov 2020 23:25:52 +0800
Subject: [PATCH] modify skeleton style

---
 src/views/mobile/accounts/AccountList.vue | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/views/mobile/accounts/AccountList.vue b/src/views/mobile/accounts/AccountList.vue
index 46099873..8514ca20 100644
--- a/src/views/mobile/accounts/AccountList.vue
+++ b/src/views/mobile/accounts/AccountList.vue
@@ -15,6 +15,22 @@
             </f7-list>
         </f7-block>
 
+        <f7-block class="skeleton-text" v-if="loading">
+            <f7-block-title>Account Category 2</f7-block-title>
+            <f7-list media-list>
+                <f7-list-item title="Account Name" after="0.00 USD"></f7-list-item>
+                <f7-list-item title="Account Name 2" after="0.00 USD"></f7-list-item>
+            </f7-list>
+        </f7-block>
+
+        <f7-block class="skeleton-text" v-if="loading">
+            <f7-block-title>Account Category 3</f7-block-title>
+            <f7-list media-list>
+                <f7-list-item title="Account Name" after="0.00 USD"></f7-list-item>
+                <f7-list-item title="Account Name 2" after="0.00 USD"></f7-list-item>
+            </f7-list>
+        </f7-block>
+
         <f7-block v-for="accountCategory in usedAccountCategories" :key="accountCategory.id">
             <f7-block-title>{{ $t(accountCategory.name) }}</f7-block-title>
             <f7-list media-list>