feat(ui): Navbar 返回箭头改纯 CSS 线条拼接,消除字符字形差异
This commit is contained in:
parent
8ad9ca234d
commit
dd92496088
|
|
@ -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 按钮是否存在无关,免手动平衡宽度
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue