Showing
6 changed files
with
39 additions
and
5 deletions
src/assets/home/AIBegin.png
0 → 100644
15.5 KB
src/assets/home/ic_intellect@2x.png
0 → 100644
2.17 KB
src/assets/home/ic_intellect@3x.png
0 → 100644
3.46 KB
src/assets/home/ic_questionnaire@2x.png
0 → 100644
2.42 KB
src/assets/home/ic_questionnaire@3x.png
0 → 100644
3.94 KB
| @@ -8,7 +8,7 @@ import { | @@ -8,7 +8,7 @@ import { | ||
| 8 | TouchableOpacity, | 8 | TouchableOpacity, |
| 9 | ScrollView, | 9 | ScrollView, |
| 10 | ListView, | 10 | ListView, |
| 11 | - Dimensions, | 11 | + Dimensions |
| 12 | } from "react-native"; | 12 | } from "react-native"; |
| 13 | import { StackNavigator, TabNavigator } from "react-navigation"; | 13 | import { StackNavigator, TabNavigator } from "react-navigation"; |
| 14 | 14 | ||
| @@ -55,7 +55,14 @@ export default class Home extends Component { | @@ -55,7 +55,14 @@ export default class Home extends Component { | ||
| 55 | const { navigate } = this.props.navigation; | 55 | const { navigate } = this.props.navigation; |
| 56 | return ( | 56 | return ( |
| 57 | <View style={styles.container}> | 57 | <View style={styles.container}> |
| 58 | - <Text>智能入口</Text> | 58 | + <Image source={require("../../../assets/home/AIBegin.png")} style={{width: 90, height: 104}} /> |
| 59 | + <View style={styles.textContainer}> | ||
| 60 | + <Text style={styles.text}>您还没有智能方案</Text> | ||
| 61 | + <Text style={styles.text}>点击下方按钮开始定制吧!</Text> | ||
| 62 | + </View> | ||
| 63 | + <TouchableOpacity style={styles.buttonContainer} onPress={() => navigate("AIQuestion")}> | ||
| 64 | + <Text style={styles.btnText}>开始定制</Text> | ||
| 65 | + </TouchableOpacity> | ||
| 59 | </View> | 66 | </View> |
| 60 | ); | 67 | ); |
| 61 | } | 68 | } |
| @@ -64,8 +71,35 @@ export default class Home extends Component { | @@ -64,8 +71,35 @@ export default class Home extends Component { | ||
| 64 | const styles = StyleSheet.create({ | 71 | const styles = StyleSheet.create({ |
| 65 | container: { | 72 | container: { |
| 66 | flex: 1, | 73 | flex: 1, |
| 67 | - justifyContent: "flex-start", | 74 | + justifyContent: "center", |
| 68 | - alignItems: "stretch", | 75 | + alignItems: "center", |
| 69 | - backgroundColor: "#EFEFEF" | 76 | + backgroundColor: "#F0F0F0", |
| 77 | + paddingBottom: 50, | ||
| 78 | + }, | ||
| 79 | + textContainer: { | ||
| 80 | + justifyContent: "center", | ||
| 81 | + alignItems: "center", | ||
| 82 | + marginTop: 10, | ||
| 83 | + }, | ||
| 84 | + text: { | ||
| 85 | + fontSize: 13, | ||
| 86 | + color: "#7A7A7A", | ||
| 87 | + lineHeight: 18, | ||
| 88 | + }, | ||
| 89 | + buttonContainer: { | ||
| 90 | + marginTop: 50, | ||
| 91 | + flexDirection: "row", | ||
| 92 | + alignItems: "center", | ||
| 93 | + height: 45, | ||
| 94 | + marginLeft: 40, | ||
| 95 | + marginRight: 40, | ||
| 96 | + backgroundColor: "#1B9341", | ||
| 97 | + borderRadius: 5, | ||
| 98 | + }, | ||
| 99 | + btnText: { | ||
| 100 | + color: "white", | ||
| 101 | + fontSize: 16, | ||
| 102 | + flex: 1, | ||
| 103 | + textAlign: "center", | ||
| 70 | }, | 104 | }, |
| 71 | }); | 105 | }); |
-
Please register or login to post a comment