From 6a1ef7b409ae1f7acb412081ebf69461dcf993e1 Mon Sep 17 00:00:00 2001
From: tone <3341154833@qq.com>
Date: Sat, 26 Apr 2025 16:13:29 +0800
Subject: [PATCH] =?UTF-8?q?=E7=8E=B0=E5=9C=A8=E6=89=8D=E6=98=AF=E5=AE=8C?=
 =?UTF-8?q?=E6=88=90=E5=8D=9A=E5=AE=A2=EF=BC=8C=E5=88=9A=E5=88=9A=E6=98=AF?=
 =?UTF-8?q?=E8=B5=84=E6=BA=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 tone-page-web/app/blog/page.tsx | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/tone-page-web/app/blog/page.tsx b/tone-page-web/app/blog/page.tsx
index 80700c6..d5d986b 100644
--- a/tone-page-web/app/blog/page.tsx
+++ b/tone-page-web/app/blog/page.tsx
@@ -1,5 +1,26 @@
+import { useCallback } from "react"
+
 export default function Blog() {
+    const formatNumber = useCallback((num: number) => {
+        if (num >= 1000) {
+            return (num / 1000).toFixed(1) + 'K';
+        } else if (num >= 1000000) {
+            return (num / 1000000).toFixed(1) + 'M';
+        }
+        return num.toString();
+    }, []);
+
     return (
-        <div></div>
+        <div className="max-w-120 w-auto mx-auto my-10 flex flex-col gap-8">
+            {
+                Array.from({ length: 10 }).map(() => (
+                    <div className="w-full px-5 cursor-default" >
+                        <a className="text-2xl font-medium cursor-pointer" target="_black">标题标题标题标题标题标题</a>
+                        <p className="text-sm font-medium text-zinc-400">描述描asdjkasdas 就叫你健康你健康呢即可述描述描述描述描述描述描述描述描述，描述描述</p>
+                        <p className="text-sm font-medium text-zinc-400 mt-3">{new Date().toLocaleString()} · {formatNumber(1090)} 次访问</p>
+                    </div>
+                ))
+            }
+        </div>
     )
 }
\ No newline at end of file