refactor(home): 优化首页精品服务模块布局
- 在 HomeFeaturesView 组件中添加了一个 content容器,用于更好地组织内容结构 - 调整了 header、DataEmpty 和 items 的层级关系,提高了代码的可读性和可维护性
这个提交包含在:
父节点
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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
正在加载...
在新工单中引用
屏蔽一个用户