From dd9249608894b89fa0956d3e20b5b6faeb628fc9 Mon Sep 17 00:00:00 2001
From: ozh <sylphy.ou@tfegroup.com.hk>
Date: Wed, 9 Sep 2026 13:54:41 +0800
Subject: [PATCH] =?UTF-8?q?feat(ui):=20Navbar=20=E8=BF=94=E5=9B=9E?=
 =?UTF-8?q?=E7=AE=AD=E5=A4=B4=E6=94=B9=E7=BA=AF=20CSS=20=E7=BA=BF=E6=9D=A1?=
 =?UTF-8?q?=E6=8B=BC=E6=8E=A5=EF=BC=8C=E6=B6=88=E9=99=A4=E5=AD=97=E7=AC=A6?=
 =?UTF-8?q?=E5=AD=97=E5=BD=A2=E5=B7=AE=E5=BC=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/navbar/index.module.scss | 13 ++++++++-----
 src/components/navbar/index.tsx         |  2 +-
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/components/navbar/index.module.scss b/src/components/navbar/index.module.scss
index 6c95b62..0db7bc8 100644
--- a/src/components/navbar/index.module.scss
+++ b/src/components/navbar/index.module.scss
@@ -17,11 +17,14 @@
   z-index: 1;
 }
 
-.backIcon {
-  font-size: 48px;
-  color: $color-text;
-  font-weight: 300;
-  line-height: 1;
+// 纯 CSS 线条箭头：border 拼接旋转 45°，粗细均匀无字体差异
+.backArrow {
+  width: 20px;
+  height: 20px;
+  border-left: 3px solid $color-text;
+  border-bottom: 3px solid $color-text;
+  transform: rotate(45deg);
+  margin-left: 8px;
 }
 
 // 绝对定位居中：与 back 按钮是否存在无关，免手动平衡宽度
diff --git a/src/components/navbar/index.tsx b/src/components/navbar/index.tsx
index 2dfdc0d..688fdc9 100644
--- a/src/components/navbar/index.tsx
+++ b/src/components/navbar/index.tsx
@@ -39,7 +39,7 @@ export function Navbar({
     >
       {autoBack && (
         <View className={styles.back} onClick={handleBack}>
-          <Text className={styles.backIcon}>‹</Text>
+          <View className={styles.backArrow} />
         </View>
       )}
       <Text className={styles.title}>{title}</Text>