|
@@ -174,39 +174,45 @@ export default function ClockIndex() {
|
|
|
|
|
|
|
|
if (!loaded) return <View />
|
|
if (!loaded) return <View />
|
|
|
|
|
|
|
|
- return <View><ScrollView style={{ height: '100vh' }} scrollY><View style={{ position: 'relative' }}>
|
|
|
|
|
- <View className="main_bg" style={{ background: getBackground() }} />
|
|
|
|
|
- <View className="h60 bold" style={{ marginLeft: rpxToPx(52), marginTop: rpxToPx(212) }}>{record.time ? record.time.greeting : ''}</View>
|
|
|
|
|
- <View style={{ display: 'flex', flexDirection: 'row' }}>
|
|
|
|
|
- <View className="h44 bold" style={{ marginLeft: rpxToPx(52), marginTop: rpxToPx(66), marginBottom: rpxToPx(32), position: 'relative', paddingBottom: rpxToPx(20) }}>{t('health.check_in')}
|
|
|
|
|
- <View className="tab_border_line" />
|
|
|
|
|
|
|
+ return <View style={{ position: 'relative' }}>
|
|
|
|
|
+ <ScrollView style={{ height: '100vh' }} scrollY><View style={{ position: 'relative', overflow: 'hidden',minHeight:'101vh' }}>
|
|
|
|
|
+ <View className="main_bg" style={{ background: getBackground() }} />
|
|
|
|
|
+ <View className="h60 bold" style={{ marginLeft: rpxToPx(52), marginTop: rpxToPx(212) }}>{record.time ? record.time.greeting : ''}</View>
|
|
|
|
|
+ <View style={{ display: 'flex', flexDirection: 'row' }}>
|
|
|
|
|
+ <View className="h44 bold" style={{ marginLeft: rpxToPx(52), marginTop: rpxToPx(66), marginBottom: rpxToPx(32), position: 'relative', paddingBottom: rpxToPx(20) }}>{t('health.check_in')}
|
|
|
|
|
+ <View className="tab_border_line" />
|
|
|
|
|
+ </View>
|
|
|
</View>
|
|
</View>
|
|
|
- </View>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
- <View className="operate_panel">
|
|
|
|
|
- {
|
|
|
|
|
- scenarios.map((item, index) => {
|
|
|
|
|
- return <NewButton type={NewButtonType.custom}
|
|
|
|
|
- key={index}
|
|
|
|
|
- onClick={() => {
|
|
|
|
|
- tapItem(index)
|
|
|
|
|
-
|
|
|
|
|
- }}>
|
|
|
|
|
- <View className="operate_card" >
|
|
|
|
|
- <View className="h36 bold">{item.title}</View>
|
|
|
|
|
- <View className="h50 bold">{itemTime(item)}</View>
|
|
|
|
|
- <View style={{ flex: 1 }} />
|
|
|
|
|
- <View style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
|
|
|
|
|
- <Image src={item.icon} style={{ width: rpxToPx(48), height: rpxToPx(48) }} />
|
|
|
|
|
- {/* <IconNext width={rpxToPx(36)} color="#000" /> */}
|
|
|
|
|
- <Image src={item.action_icon} style={{ width: rpxToPx(36), height: rpxToPx(36) }} />
|
|
|
|
|
|
|
+ <View className="operate_panel">
|
|
|
|
|
+ {
|
|
|
|
|
+ scenarios.map((item, index) => {
|
|
|
|
|
+ return <NewButton type={NewButtonType.custom}
|
|
|
|
|
+ key={index}
|
|
|
|
|
+ onClick={() => {
|
|
|
|
|
+ tapItem(index)
|
|
|
|
|
+
|
|
|
|
|
+ }}>
|
|
|
|
|
+ <View className="operate_card" >
|
|
|
|
|
+ <View className="h36 bold">{item.title}</View>
|
|
|
|
|
+ <View className="h50 bold">{itemTime(item)}</View>
|
|
|
|
|
+ <View style={{ flex: 1 }} />
|
|
|
|
|
+ <View style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
|
|
|
|
|
+ <Image src={item.icon} style={{ width: rpxToPx(48), height: rpxToPx(48) }} />
|
|
|
|
|
+ {/* <IconNext width={rpxToPx(36)} color="#000" /> */}
|
|
|
|
|
+ <Image src={item.action_icon} style={{ width: rpxToPx(36), height: rpxToPx(36) }} />
|
|
|
|
|
+ </View>
|
|
|
</View>
|
|
</View>
|
|
|
- </View>
|
|
|
|
|
- </NewButton>
|
|
|
|
|
- })
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ </NewButton>
|
|
|
|
|
+ })
|
|
|
|
|
+ }
|
|
|
|
|
+ </View>
|
|
|
|
|
+ <View style={{height:100}}/>
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
</View>
|
|
</View>
|
|
|
|
|
+ </ScrollView>
|
|
|
{
|
|
{
|
|
|
showChoose && <ChooseActions
|
|
showChoose && <ChooseActions
|
|
|
close={() => {
|
|
close={() => {
|
|
@@ -223,9 +229,6 @@ export default function ClockIndex() {
|
|
|
}}
|
|
}}
|
|
|
/>
|
|
/>
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
- </View>
|
|
|
|
|
- </ScrollView>
|
|
|
|
|
{
|
|
{
|
|
|
process.env.TARO_ENV == 'weapp' && <TabBar index={0} />
|
|
process.env.TARO_ENV == 'weapp' && <TabBar index={0} />
|
|
|
}
|
|
}
|