登录页面

2026-07-12 15:17:54 +08:00
parent becf91da52
commit bfac6c6663
63 changed files with 4662 additions and 431 deletions
@@ -0,0 +1,48 @@
+import type { ReactNode } from 'react';
+import { View, Text } from '@tarojs/components';
+import { navBarStyle, useNavBarMetrics } from '../lib/nav-bar';
+
+type PageNavBarProps = {
+  title: string;
+  solid?: boolean;
+  titleVisible?: boolean;
+  onBack?: () => void;
+  right?: ReactNode;
+};
+
+/** 内页自定义导航栏（返回 + 标题 + 右侧操作），适配刘海屏 */
+export default function PageNavBar({
+  title,
+  solid = false,
+  titleVisible = true,
+  onBack,
+  right,
+}: PageNavBarProps) {
+  const metrics = useNavBarMetrics();
+
+  return (
+    <View
+      className={`page-nav-bar${solid ? ' page-nav-bar--solid' : ''}`}
+      style={navBarStyle(metrics)}
+    >
+      <View
+        className="page-nav-bar__content"
+        style={{ height: `${metrics.navContentHeight}px` }}
+      >
+        {onBack ? (
+          <View className="page-nav-bar__btn" onClick={onBack}>
+            <Text className="page-nav-bar__icon">‹</Text>
+          </View>
+        ) : (
+          <View className="page-nav-bar__btn page-nav-bar__btn--placeholder" />
+        )}
+        <Text
+          className={`page-nav-bar__title${titleVisible ? ' page-nav-bar__title--visible' : ''}`}
+        >
+          {title}
+        </Text>
+        {right ?? <View className="page-nav-bar__btn page-nav-bar__btn--placeholder" />}
+      </View>
+    </View>
+  );
+}