From a774c13060a66f1fe3ef8942e6fd6502bee59d2b Mon Sep 17 00:00:00 2001
From: Cryolitia PukNgae <Cryolitia@gmail.com>
Date: Sat, 26 Oct 2024 23:52:20 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E9=98=85=E8=AF=BB?=
 =?UTF-8?q?=E6=97=B6=E9=97=B4=E7=BB=84=E4=BB=B6=E7=9A=84=E5=B1=95=E7=A4=BA?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ReadingTime.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/ReadingTime.vue b/src/components/ReadingTime.vue
index 11ef385..e2a6c84 100644
--- a/src/components/ReadingTime.vue
+++ b/src/components/ReadingTime.vue
@@ -23,8 +23,15 @@ watch(() => frontmatter.value, (newFrontmatter) => {
 </script>
 
 <template>
-  <div>
-    <p>字数: {{ wordCount }} &nbsp; 预计阅读时间: {{ readingTime }} 分钟</p>
+  <div class="inline-flex items-center gap-4">
+    <div class="inline-flex items-center gap-1">
+      <span class="i-octicon:pencil-16" />
+      <span>字数: {{ wordCount }} </span>
+    </div>
+    <div class="inline-flex items-center gap-1">
+      <span class="i-octicon:book-16" />
+      <span>预计阅读时间: {{ readingTime }} 分钟</span>
+    </div>
   </div>
 </template>