export default class Demo3 extends Component {
render() {
return (
<ScrollView>
<View
style={{
flexDirection: "row",
justifyContent: "space-between",
backgroundColor: "#686F78",
height: 100
}}
>
<View
style={{
flexDirection: "row",
alignItems: "center",
marginLeft: 10
}}
>
<Image
style={{ width: 30, height: 30 }}
source={require("./../imgs/a1.png")}
/>
<Text style={{ fontSize: 19, color: "#FFFFFF" }}>我</Text>
</View>
<Text
style={{
fontSize: 20,
alignItems: "center",
alignSelf: "center",
color: "#FFFFFF"
}}
>
钱包
</Text>
<Image
style={{
width: 30,
height: 30,
alignItems: "center",
alignSelf: "center",
marginRight: 10
}}
source={require("./../imgs/a2.png")}
/>
</View>
<View
style={{
flexDirection: "row",
justifyContent: "space-between",
backgroundColor: "#686F78"
}}
>
<View>
<Image
style={{ width: 50, height: 50, marginLeft: 23, marginRight: 23 }}
source={require("./../imgs/b1.png")}
/>
<Text style={{ marginLeft: 26 }}>收付款</Text>
</View>
<View>
<Image
style={{ width: 50, height: 50, marginLeft: 23, marginRight: 23 }}
source={require("./../imgs/b2.png")}
/>
<Text style={{ marginLeft: 29 }}>零钱</Text>
<Text style={{ marginLeft: 10 }}>￥100000000</Text>
</View>
<View>
<Image
style={{ width: 50, height: 50, marginLeft: 23, marginRight: 23 }}
source={require("./../imgs/b3.png")}
/>
<Text style={{ marginLeft: 25 }}>银行卡</Text>
</View>
</View>
<Text
style={{
backgroundColor: "#FFFFFF",
fontSize: 19,
marginTop: 10,
alignItems: "center",
height: 50
}}
>
腾讯服务
</Text>
<View
style={{
flexDirection: "row",
marginTop: 2,
justifyContent: "space-around"
}}
>
<View
style={{
marginRight: 1,
backgroundColor: "#FFFFFF",
flex: 1,
alignItems: "center",
borderWidth: 1,
borderColor: "#F5F5F5",
paddingBottom: 20
}}
>
<Image
style={{ margin: 10 }}
source={require("./../imgs/c1.png")}
/>
<Text>信用卡还款</Text>
</View>
<View
style={{
paddingBottom: 20,
borderWidth: 1,
borderColor: "#F5F5F5",
backgroundColor: "#FFFFFF",
flex: 1,
alignItems: "center"
}}
>
<Image
style={{ margin: 10 }}
source={require("./../imgs/c2.png")}
/>
<Text>微粒贷借钱</Text>
</View>
<View
style={{
borderWidth: 1,
borderColor: "#F5F5F5",
marginLeft: 1,
backgroundColor: "#FFFFFF",
flex: 1,
paddingBottom: 20,
alignItems: "center"
}}
>
<Image
style={{ margin: 10 }}
source={require("./../imgs/c3.png")}
/>
<Text>手机充值</Text>
</View>
</View>
<View
style={{
flexDirection: "row",
marginTop: 2,
justifyContent: "space-around"
}}
>
<View
style={{
marginRight: 1,
backgroundColor: "#FFFFFF",
flex: 1,
alignItems: "center",
borderWidth: 1,
borderColor: "#F5F5F5",
paddingBottom: 20
}}
>
<Image
style={{ margin: 10 }}
source={require("./../imgs/c4.png")}
/>
<Text>理财通</Text>
</View>
<View
style={{
paddingBottom: 20,
borderWidth: 1,
borderColor: "#F5F5F5",
backgroundColor: "#FFFFFF",
flex: 1,
alignItems: "center"
}}
>
<Image
style={{ margin: 10 }}
source={require("./../imgs/c5.png")}
/>
<Text>生活缴费</Text>
</View>
<View
style={{
borderWidth: 1,
borderColor: "#F5F5F5",
marginLeft: 1,
backgroundColor: "#FFFFFF",
flex: 1,
paddingBottom: 20,
alignItems: "center"
}}
>
<Image
style={{ margin: 10 }}
source={require("./../imgs/c6.png")}
/>
<Text>Q币充值</Text>
</View>
</View>
<View
style={{
flexDirection: "row",
marginTop: 2,
justifyContent: "space-around"
}}
>
<View
style={{
marginRight: 1,
backgroundColor: "#FFFFFF",
flex: 1,
alignItems: "center",
borderWidth: 1,
borderColor: "#F5F5F5",
paddingBottom: 20
}}
>
<Image
style={{ margin: 10 }}
source={require("./../imgs/c7.png")}
/>
<Text>城市服务</Text>
</View>
<View
style={{
paddingBottom: 20,
borderWidth: 1,
borderColor: "#F5F5F5",
backgroundColor: "#FFFFFF",
flex: 1,
alignItems: "center"
}}
>
<Image
style={{ margin: 10 }}
source={require("./../imgs/c8.png")}
/>
<Text>腾讯公益</Text>
</View>
<View
style={{
borderWidth: 1,
borderColor: "#F5F5F5",
marginLeft: 1,
backgroundColor: "#FFFFFF",
flex: 1,
paddingBottom: 20,
alignItems: "center"
}}
>
<Image
style={{ margin: 10 }}
source={require("./../imgs/c9.png")}
/>
<Text>保险服务</Text>
</View>
</View>
<Text
style={{
backgroundColor: "#FFFFFF",
fontSize: 19,
marginTop: 10,
alignItems: "center",
height: 50
}}
>
限时推广
</Text>
<View style={{ borderWidth: 1, borderColor: "#F5F5F5" }}>
<Image
style={{ marginLeft: 40 }}
source={require("./../imgs/d1.png")}
/>
<Text style={{ marginLeft: 50 }}>腾讯网卡</Text>
</View>
<Text style={{ marginTop: 10 }}>第三方服务</Text>
{/* 24234 */}
<View
style={{
flexDirection: "row",
marginTop: 2,
justifyContent: "space-around"
}}
>
<View
style={{
marginRight: 1,
backgroundColor: "#FFFFFF",
flex: 1,
alignItems: "center",
borderWidth: 1,
borderColor: "#F5F5F5",
paddingBottom: 20
}}
>
<Image
style={{ margin: 10 }}
source={require("./../imgs/e1.png")}
/>
<Text>火车票机票</Text>
</View>
<View
style={{
paddingBottom: 20,
borderWidth: 1,
borderColor: "#F5F5F5",
backgroundColor: "#FFFFFF",
flex: 1,
alignItems: "center"
}}
>
<Image
style={{ margin: 10 }}
source={require("./../imgs/e2.png")}
/>
<Text>滴滴出行</Text>
</View>
<View
style={{
borderWidth: 1,
borderColor: "#F5F5F5",
marginLeft: 1,
backgroundColor: "#FFFFFF",
flex: 1,
paddingBottom: 20,
alignItems: "center"
}}
>
<Image
style={{ margin: 10 }}
source={require("./../imgs/e3.png")}
/>
<Text>京东优选</Text>
</View>
</View>
{/* khfak */}
<View
style={{
flexDirection: "row",
marginTop: 2,
justifyContent: "space-around"
}}
>
<View
style={{
marginRight: 1,
backgroundColor: "#FFFFFF",
flex: 1,
alignItems: "center",
borderWidth: 1,
borderColor: "#F5F5F5",
paddingBottom: 20
}}
>
<Image
style={{ margin: 10 }}
source={require("./../imgs/e4.png")}
/>
<Text>美团外卖</Text>
</View>
<View
style={{
paddingBottom: 20,
borderWidth: 1,
borderColor: "#F5F5F5",
backgroundColor: "#FFFFFF",
flex: 1,
alignItems: "center"
}}
>
<Image
style={{ margin: 10 }}
source={require("./../imgs/e5.png")}
/>
<Text>电影演出赛事</Text>
</View>
<View
style={{
borderWidth: 1,
borderColor: "#F5F5F5",
marginLeft: 1,
backgroundColor: "#FFFFFF",
flex: 1,
paddingBottom: 20,
alignItems: "center"
}}
>
<Image
style={{ margin: 10 }}
source={require("./../imgs/e6.png")}
/>
<Text>吃喝玩乐</Text>
</View>
</View>
{/* ，iinrifh */}
<View
style={{
flexDirection: "row",
marginTop: 2,
justifyContent: "space-around"
}}
>
<View
style={{
marginRight: 1,
backgroundColor: "#FFFFFF",
flex: 1,
alignItems: "center",
borderWidth: 1,
borderColor: "#F5F5F5",
paddingBottom: 20
}}
>
<Image
style={{ margin: 10 }}
source={require("./../imgs/e7.png")}
/>
<Text>酒店</Text>
</View>
<View
style={{
paddingBottom: 20,
borderWidth: 1,
borderColor: "#F5F5F5",
backgroundColor: "#FFFFFF",
flex: 1,
alignItems: "center"
}}
>
<Image
style={{ margin: 10 }}
source={require("./../imgs/e8.png")}
/>
<Text>摩拜单车</Text>
</View>
<View
style={{
borderWidth: 1,
borderColor: "#F5F5F5",
marginLeft: 1,
backgroundColor: "#FFFFFF",
flex: 1,
paddingBottom: 20,
alignItems: "center"
}}
>
<Image
style={{ margin: 10 }}
source={require("./../imgs/e9.png")}
/>
<Text>蘑菇街女装</Text>
</View>
</View>
{/* 09089 */}
<View
style={{
flexDirection: "row",
marginTop: 2,
justifyContent: "space-around"
}}
>
<View
style={{
marginRight: 1,
backgroundColor: "#FFFFFF",
flex: 1,
alignItems: "center",
borderWidth: 1,
borderColor: "#F5F5F5",
paddingBottom: 20
}}
>
<Image
style={{ margin: 10 }}
source={require("./../imgs/e10.png")}
/>
<Text>唯品会特卖</Text>
</View>
<View
style={{
paddingBottom: 20,
borderWidth: 1,
borderColor: "#F5F5F5",
backgroundColor: "#FFFFFF",
flex: 1,
alignItems: "center"
}}
>
<Image
style={{ margin: 10 }}
source={require("./../imgs/e11.png")}
/>
<Text>转转二手</Text>
</View>
<View
style={{
borderWidth: 1,
borderColor: "#F5F5F5",
marginLeft: 1,
backgroundColor: "#FFFFFF",
flex: 1,
paddingBottom: 20,
alignItems: "center"
}}
>
<Image
style={{ margin: 10 }}
source={require("./../imgs/e12.png")}
/>
<Text>彩票</Text>
</View>
</View>
{/* ，iinrifh */}
{/* <View
style={{
flexDirection: "row",
marginTop: 2,
justifyContent: "space-around"
}}
>
<View
style={{
marginRight: 1,
backgroundColor: "#FFFFFF",
flex: 1,
alignItems: "center",
borderWidth: 1,
borderColor: "#F5F5F5",
paddingBottom: 20
}}
>
<Image
style={{ margin: 10 }}
source={require("./../imgs/e10.png")}
/>
<Text>唯品会特卖</Text>
</View>
<View
style={{
paddingBottom: 20,
borderWidth: 1,
borderColor: "#F5F5F5",
backgroundColor: "#FFFFFF",
flex: 1,
alignItems: "center"
}}
>
<Image
style={{ margin: 10 }}
source={require("./../imgs/e11.png")}
/>
<Text>转转二手</Text>
</View>
<View
style={{
borderWidth: 1,
borderColor: "#F5F5F5",
marginLeft: 1,
backgroundColor: "#FFFFFF",
flex: 1,
paddingBottom: 20,
alignItems: "center"
}}
>
<Image
style={{ margin: 10 }}
source={require("./../imgs/e12.png")}
/>
<Text>彩票</Text>
</View>
</View> */}
{/* 结尾 */}
</ScrollView>
);
}
}
网友评论