feat(ui): 全部页面 Navbar 统一切换为绿色渐变 hero 头部

首页/消息中心/个人中心/家庭圈 3 页/设备 3 页/选择场所共 11 处调用点补传 variant="hero",与智能设备 tab 头部视觉统一。
This commit is contained in:
ozh 2026-09-09 16:17:38 +08:00
parent 36aa262834
commit 8243dfa134
10 changed files with 12 additions and 12 deletions

View File

@ -113,7 +113,7 @@ export default function DeviceAdd() {
return ( return (
<View className={styles.page}> <View className={styles.page}>
<Navbar title="设备配置" /> <Navbar title="设备配置" variant="hero" />
<View className={styles.searchWrap}> <View className={styles.searchWrap}>
<View <View

View File

@ -143,7 +143,7 @@ export default function DeviceConfig() {
return ( return (
<View className={styles.page}> <View className={styles.page}>
<Navbar title="设备网络设置" /> <Navbar title="设备网络设置" variant="hero" />
<View className={styles.deviceRow}> <View className={styles.deviceRow}>
<Text className={styles.deviceLabel}>设备</Text> <Text className={styles.deviceLabel}>设备</Text>

View File

@ -104,7 +104,7 @@ export default function Detail() {
return ( return (
<View className={styles.page}> <View className={styles.page}>
<Navbar title={deviceName} /> <Navbar title={deviceName} variant="hero" />
{loading ? ( {loading ? (
<View className={styles.stateWrap}><Loading /></View> <View className={styles.stateWrap}><Loading /></View>

View File

@ -113,7 +113,7 @@ export default function Event() {
return ( return (
<View className={styles.page}> <View className={styles.page}>
<Navbar title="消息中心" autoBack={false} /> <Navbar title="消息中心" autoBack={false} variant="hero" />
{/* 筛选栏:三格等分 */} {/* 筛选栏:三格等分 */}
<View className={styles.filters}> <View className={styles.filters}>

View File

@ -62,7 +62,7 @@ export default function ContactAdd() {
return ( return (
<View className={styles.page}> <View className={styles.page}>
<Navbar title="添加关爱对象" /> <Navbar title="添加关爱对象" variant="hero" />
<View className={styles.card}> <View className={styles.card}>
<View className={styles.formRow}> <View className={styles.formRow}>

View File

@ -51,7 +51,7 @@ export default function FamilyDetail() {
if (loading) { if (loading) {
return ( return (
<View className={styles.page}> <View className={styles.page}>
<Navbar title="关爱对象信息" /> <Navbar title="关爱对象信息" variant="hero" />
<View className={styles.stateWrap}><Loading /></View> <View className={styles.stateWrap}><Loading /></View>
</View> </View>
) )
@ -60,7 +60,7 @@ export default function FamilyDetail() {
if (!detail) { if (!detail) {
return ( return (
<View className={styles.page}> <View className={styles.page}>
<Navbar title="关爱对象信息" /> <Navbar title="关爱对象信息" variant="hero" />
<StateView <StateView
status="error" status="error"
mode="list" mode="list"
@ -77,7 +77,7 @@ export default function FamilyDetail() {
return ( return (
<View className={styles.page}> <View className={styles.page}>
<Navbar title="关爱对象信息" /> <Navbar title="关爱对象信息" variant="hero" />
<View className={styles.body}> <View className={styles.body}>
<FamilyCard family={detail.family} /> <FamilyCard family={detail.family} />

View File

@ -78,7 +78,7 @@ export default function Family() {
return ( return (
<View className={styles.page}> <View className={styles.page}>
<Navbar title="家庭圈" /> <Navbar title="家庭圈" variant="hero" />
<View className={styles.list}> <View className={styles.list}>
{list.map((family) => ( {list.map((family) => (

View File

@ -42,7 +42,7 @@ export default function Index() {
return ( return (
<View className={styles.page}> <View className={styles.page}>
<Navbar title="智慧养老" autoBack={false} /> <Navbar title="智慧养老" autoBack={false} variant="hero" />
{loading ? ( {loading ? (
<View className={styles.stateWrap}><Loading /></View> <View className={styles.stateWrap}><Loading /></View>

View File

@ -28,7 +28,7 @@ export default function Mine() {
return ( return (
<View className={styles.page}> <View className={styles.page}>
<Navbar title="个人中心" autoBack={false} /> <Navbar title="个人中心" autoBack={false} variant="hero" />
<View className={styles.header}> <View className={styles.header}>
<View className={styles.avatar}> <View className={styles.avatar}>
<Text className={styles.avatarText}>{user?.name?.[0] ?? '?'}</Text> <Text className={styles.avatarText}>{user?.name?.[0] ?? '?'}</Text>

View File

@ -40,7 +40,7 @@ export default function SceneSelect() {
return ( return (
<View className={styles.page}> <View className={styles.page}>
<Navbar title="选择场所" /> <Navbar title="选择场所" variant="hero" />
{loading ? ( {loading ? (
<View className={styles.stateWrap}><Loading /></View> <View className={styles.stateWrap}><Loading /></View>
) : loadError ? ( ) : loadError ? (