customer Main

@@ -54,7 +54,8 @@ export default class Home extends Component {
     const { navigate } = this.props.navigation;
     return (
       <View style={styles.container}>
-        <Begin />
+        {/* <Begin /> */}
+        <Main />
       </View>
     );
   }
@@ -77,7 +78,30 @@ class Begin extends Component {
             <Text style={styles.beginBtnLeftText}>手动选择</Text>
           </TouchableOpacity>
           <TouchableOpacity style={styles.beginBtnRight}>
-          <Text style={styles.beginBtnRightText}>通信录导入</Text>
+            <Text style={styles.beginBtnRightText}>通信录导入</Text>
+          </TouchableOpacity>
+        </View>
+      </View>
+    );
+  }
+}
+
+class Main extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {};
+  }
+  render() {
+    return (
+      <View style={styles.mainContaier}>
+        <View style={styles.mainBtnContaier}>
+          <TouchableOpacity style={styles.mainBtnContaierLeft}>
+            <Image style={styles.mainBtnLeftImg} source={require("../../assets/customer/ic_add.png")} />
+            <Text style={styles.mainBtnLeftText}>手动添加</Text>
+          </TouchableOpacity>
+          <TouchableOpacity style={styles.mainBtnContaierRight}>
+            <Image style={styles.mainBtnRightImg} source={require("../../assets/customer/ic_message.png")} />
+            <Text style={styles.mainBtnRightText}>通信录导入</Text>
           </TouchableOpacity>
         </View>
       </View>
@@ -97,16 +121,16 @@ const styles = StyleSheet.create({
     justifyContent: "center",
     alignItems: "center",
     backgroundColor: "#fff",
-    paddingBottom: 50,
+    paddingBottom: 50
   },
   beginPic: {
     width: 189,
-    height: 193,
+    height: 193
   },
   beginBtnContaier: {
     flexDirection: "row",
     marginHorizontal: 30,
-    marginTop: 40,
+    marginTop: 40
   },
   beginBtnLeft: {
     flex: 1,
@@ -114,13 +138,13 @@ const styles = StyleSheet.create({
     alignItems: "center",
     paddingVertical: 12,
     borderStyle: "solid",
-    borderColor: "#999",
+    borderColor: "#A9A9A9",
     borderWidth: 1,
-    borderRadius: 5,
+    borderRadius: 5
   },
   beginBtnLeftText: {
     fontSize: 16,
-    color: "#242424",
+    color: "#242424"
   },
   beginBtnRight: {
     flex: 1,
@@ -129,10 +153,46 @@ const styles = StyleSheet.create({
     paddingVertical: 12,
     marginLeft: 20,
     borderRadius: 5,
-    backgroundColor: "#1B9341",
+    backgroundColor: "#1B9341"
   },
   beginBtnRightText: {
     fontSize: 16,
-    color: "white",
+    color: "white"
+  },
+  mainContaier: {},
+  mainBtnContaier: {
+    marginVertical: 10,
+    backgroundColor: "white",
+    flexDirection: "row",
+    justifyContent: "space-around",
+    paddingVertical: 13,
+  },
+  mainBtnContaierLeft: {
+    flexDirection: "row",
+    justifyContent: "center",
+    alignItems: "center",
+  },
+  mainBtnLeftImg: {
+    width: 24,
+    height: 24,
+  },
+  mainBtnLeftText: {
+    marginLeft: 8,
+    fontSize: 15,
+    color: "#242424",
+  },
+  mainBtnContaierRight: {
+    flexDirection: "row",
+    justifyContent: "center",
+    alignItems: "center",
+  },
+  mainBtnRightImg: {
+    width: 24,
+    height: 24,
+  },
+  mainBtnRightText: {
+    marginLeft: 8,
+    fontSize: 15,
+    color: "#242424",
   },
 });