feat(mini): align companion pages and show OTA progress

This commit is contained in:
stu2not
2026-09-15 11:25:11 +08:00
parent 9f3a4e966f
commit fce6cd1cc1
51 changed files with 537 additions and 115 deletions
+8 -7
View File
@@ -1,3 +1,4 @@
import { getPageStyle } from '@/utils/page-style'
import { View, Text, Slider, Image } from '@tarojs/components'
import { useRef, useState } from 'react'
import Taro, { useDidShow } from '@tarojs/taro'
@@ -271,7 +272,7 @@ export default function Device() {
if (isLoading) {
return (
<View className='device-page'>
<View className='device-page' style={getPageStyle(true)}>
<View className='loading'>
<Text>加载中...</Text>
</View>
@@ -282,7 +283,7 @@ export default function Device() {
if (isGuest) {
return (
<View className='device-page'>
<View className='device-page' style={getPageStyle(true)}>
<View className='guest-hero'>
<View className='guest-device-icon'>
<Image className='guest-mascot' src={require('../../assets/ui/dog-happy.png')} mode='aspectFit' />
@@ -334,7 +335,7 @@ export default function Device() {
if (!child) {
const hasPendingDevice = Boolean(pendingBinding?.device_id)
return (
<View className='device-page'>
<View className='device-page' style={getPageStyle(true)}>
<View className='page-header'>
<Text className='page-title'>设备首页</Text>
</View>
@@ -362,7 +363,7 @@ export default function Device() {
if (!binding) {
const hasPendingDevice = Boolean(pendingBinding?.device_id)
return (
<View className='device-page'>
<View className='device-page' style={getPageStyle(true)}>
<View className='page-header'>
<Text className='page-title'>{child.child_name} 的伴伴</Text>
</View>
@@ -421,7 +422,7 @@ export default function Device() {
const latestAlarmChildName = getAlarmChildLabel(latestAlarm, childName)
return (
<View className='device-page'>
<View className='device-page' style={getPageStyle(true)}>
<View className='page-header bound-device-header'>
<Text className='page-title'>{pageTitle}</Text>
</View>
@@ -460,7 +461,7 @@ export default function Device() {
<View className='control-item sleep-item' onClick={handleOpenSleepSchedule}>
<View className='control-left'>
<View className='icon-bg purple'>
<Image className='control-icon-img' src={require('../../assets/tab-icons/moon.png')} mode='aspectFit' />
<Image className='control-icon-img' src={require('../../assets/ui/menu-sleep.png')} mode='aspectFit' />
</View>
<View className='control-info'>
<Text className='control-name'>定时休眠</Text>
@@ -476,7 +477,7 @@ export default function Device() {
<View className='quick-sleep-header'>
<View className='control-left'>
<View className='icon-bg purple'>
<Image className='control-icon-img' src={require('../../assets/tab-icons/moon.png')} mode='aspectFit' />
<Image className='control-icon-img' src={require('../../assets/ui/menu-sleep.png')} mode='aspectFit' />
</View>
<View className='control-info'>
<Text className='control-name'>立即休眠/唤醒</Text>