爸爸去哪了

export default class Demo1 extends Component {

  render() {

    return (

      <ScrollView>

        <View

          style={{

            flexDirection: "row",

            justifyContent: "space-between",

            backgroundColor: "#FFFFFF",

            height: 60

          }}

        >

          <Text />

          <Text

            style={{

              fontSize: 19,

              color: "#040404",

              marginLeft: 100,

              alignItems: "center",

              marginTop: 10

            }}

          >

            去哪儿旅行

          </Text>

          <Image

            style={{

              width: 120,

              height: 50,

              marginBottom: 100

            }}

            source={require("./../img/yuan.png")}

          />

        </View>

        <Image

          style={{ width: 500, height: 120 }}

          source={require("./../img/A1.png")}

        />

        <View

          style={{

            flexDirection: "row",

            justifyContent: "space-around",

            marginLeft: 20,

            marginRight: 20

          }}

        >

          <Image

            style={{ width: 140, height: 140, marginTop: 7 }}

            source={require("./../img/A2.png")}

          />

          <Image

            style={{ width: 140, height: 140, marginTop: 10 }}

            source={require("./../img/A3.png")}

          />

          <Image

            style={{ width: 140, height: 140, marginTop: 10 }}

            source={require("./../img/A4.png")}

          />

        </View>

        <View

          style={{

            flexDirection: "row",

            justifyContent: "space-around",

            marginLeft: 20,

            marginRight: 20

          }}

        >

          <Image

            style={{ width: 140, height: 140, marginTop: 7 }}

            source={require("./../img/A5.png")}

          />

          <Image

            style={{ width: 140, height: 140, marginTop: 8 }}

            source={require("./../img/A6.png")}

          />

          <Image

            style={{ width: 140, height: 140, marginTop: 10 }}

            source={require("./../img/A7.png")}

          />

        </View>

        <View

          style={{

            flexDirection: "row",

            justifyContent: "space-around",

            marginLeft: 20,

            marginRight: 20

          }}

        >

          <Image

            style={{ width: 140, height: 140, marginTop: 7 }}

            source={require("./../img/A8.png")}

          />

          <Image

            style={{ width: 145, height: 140, marginTop: 8 }}

            source={require("./../img/A9.png")}

          />

          <Image

            style={{ width: 140, height: 140, marginTop: 10 }}

            source={require("./../img/A10.png")}

          />

        </View>

        <View

          style={{

            flexDirection: "row",

            justifyContent: "space-around",

            marginLeft: 20,

            marginRight: 20

          }}

        >

          <View>

            <Image source={require("./../img/A11.png")} />

            <Text>带你飞</Text>

          </View>

          <View>

            <Image

              style={{ marginLeft: 12 }}

              source={require("./../img/A12.png")}

            />

            <Text>旅行账本</Text>

          </View>

          <View>

            <Image

              style={{ marginLeft: 12 }}

              source={require("./../img/A13.png")}

            />

            <Text>行程助手</Text>

          </View>

          <View>

            <Image

              style={{ marginLeft: 12 }}

              source={require("./../img/A14.png")}

            />

            <Text>高铁雷达</Text>

          </View>

        </View>

        <Text style={{ fontSize: 19, marginLeft: 35, marginTop: 26 }}>

          特价专区

        </Text>

        <View

          style={{

            marginTop: 6,

            flexDirection: "row",

            justifyContent: "space-around",

            marginLeft: 22,

            marginRight: 22

          }}

        >

          <Image

            style={{ borderRadius: 10, width: 140, height: 90 }}

            source={require("./../img/A15.png")}

          />

          <Image

            style={{ borderRadius: 10, width: 140, height: 90 }}

            source={require("./../img/A17.png")}

          />

          <Image

            style={{ borderRadius: 10, width: 140, height: 90 }}

            source={require("./../img/A18.png")}

          />

        </View>

        <Text style={{ fontSize: 19, marginLeft: 35, marginTop: 26 }}>

          活动专区

        </Text>

        <View

          style={{

            flexDirection: "row",

            justifyContent: "space-around",

            marginLeft: 20,

            marginRight: 20,

            marginTop: 6

          }}

        >

          <Image

            style={{ borderRadius: 10, width: 200, height: 160 }}

            source={require("./../img/A16.png")}

          />

          <View>

            <Image

              style={{ borderRadius: 10, width: 190, height: 80 }}

              source={require("./../img/A19.png")}

            />

            <Image

              style={{ borderRadius: 10, width: 190, height: 80, marginTop: 6 }}

              source={require("./../img/A21.png")}

            />

          </View>

        </View>

      </ScrollView>

    );

  }

}