refactor(home): 优化首页精品服务模块布局

- 在 HomeFeaturesView 组件中添加了一个 content容器,用于更好地组织内容结构
- 调整了 header、DataEmpty 和 items 的层级关系,提高了代码的可读性和可维护性
这个提交包含在:
xuqm 2025-09-01 16:54:30 +08:00
父节点 35acc240ab
当前提交 05a81e4ff2

查看文件

@ -22,39 +22,41 @@ type Props = {
export default function HomeFeaturesView(props: Props) { export default function HomeFeaturesView(props: Props) {
return ( return (
<View style={styles.contanier}> <View style={styles.contanier}>
<View style={styles.header}> <View style={styles.content}>
<Image <View style={styles.header}>
style={styles.background} <Image
source={require('@app/assets/images/home/home_section_background.png')} style={styles.background}
/> source={require('@app/assets/images/home/home_section_background.png')}
<Text style={styles.title} numberOfLines={1}> />
<Text style={styles.title} numberOfLines={1}>
</Text>
</View> </Text>
{props.error && props.error.type !== 'Cancel' && (
<DataEmpty
reload={() => {
props.reload && props.reload();
}}
/>
)}
{props.error === undefined && props.features && (
<View style={styles.items}>
{props.features.map((feature, index) => {
return (
<FeatureButtons
key={index}
title={feature.name}
image={{ uri: feature.icon }}
badge={feature.badge}
onPress={() => {
props.onPress && props.onPress(index);
}}
/>
);
})}
</View> </View>
)} {props.error && props.error.type !== 'Cancel' && (
<DataEmpty
reload={() => {
props.reload && props.reload();
}}
/>
)}
{props.error === undefined && props.features && (
<View style={styles.items}>
{props.features.map((feature, index) => {
return (
<FeatureButtons
key={index}
title={feature.name}
image={{ uri: feature.icon }}
badge={feature.badge}
onPress={() => {
props.onPress && props.onPress(index);
}}
/>
);
})}
</View>
)}
</View>
</View> </View>
); );
} }