标签：
1 <body> 2 <render> 3 <View desc=‘容器‘ style={styles.container}> 4 <View desc=‘上部分视图‘ style={styles.contentView}> 5 <Image style={styles.image}/> 6 <View style={styles.rightContainer}> 7 <Text style={styles.title}>视频问诊 8 <Text style={styles.price}>￥99</Text> 9 </Text> 10 <Text style={styles.subTitle}>这里的文案待定待定</Text> 11 </View> 12 </View> 13 <View desc=‘分割线‘ style={styles.lineView}/> 14 <View desc=‘下部分视图‘ style={styles.bottomContainer}> 15 <Text style={styles.purchase}>点击购买</Text> 16 <View style={styles.arrow}/> 17 </View> 18 </View> 19 <render> 20 <css> 21 { 22 container: { 23 marginTop: 100, 24 marginLeft: 0, 25 marginRight: 0, 26 height: 91 27 }, 28 contentView: { 29 marginTop: 0, 30 marginLeft: 0, 31 marginRight: 0, 32 height: (182 - 50) / 2.0, 33 flexDirection: ‘row‘ 34 }, 35 image: { 36 marginLeft: 10, 37 marginTop: 10, 38 width: 45, 39 height: 45, 40 borderRadius: 45 / 2.0, 41 backgroundColor: ‘blue‘ 42 }, 43 rightContainer: { 44 flex: 1, 45 marginLeft: 11, 46 marginRight:0, 47 marginTop: 0, 48 marginBottom: 0 49 }, 50 title: { 51 marginTop: 15, 52 color: ‘#212121‘, 53 fontSize: 15 54 }, 55 price: { 56 textAlign: ‘right‘ 57 }, 58 subTitle: { 59 marginTop: 11, 60 color: ‘#bdbdbd‘, 61 fontSize: 12 62 }, 63 lineView: { 64 marginLeft: 10, 65 marginRight: 10, 66 height: 1, 67 backgroundColor: ‘#e0e0e0‘ 68 }, 69 bottomContainer: { 70 flex: 1, 71 marginLeft: 0, 72 marginRight: 0, 73 marginTop: 0, 74 flexDirection: ‘row‘, 75 alignItems: ‘center‘ 76 }, 77 purchase: { 78 flex: 1, 79 color: ‘#bdbdbd‘, 80 fontSize: 15, 81 marginLeft: 10 82 }, 83 arrow: { 84 marginRight: 10, 85 width: 15, 86 height: 15, 87 backgroundColor: ‘blue‘ 88 } 89 <css> 90 91 92 </body>
标签：
原文地址：http://www.cnblogs.com/perryxiong/p/5702551.html
