调整UI。code review by 于良
Showing
4 changed files
with
15 additions
and
8 deletions
@@ -72,6 +72,10 @@ export default class MsgCenterCatgoryCell extends React.Component { | @@ -72,6 +72,10 @@ export default class MsgCenterCatgoryCell extends React.Component { | ||
72 | /> | 72 | /> |
73 | 73 | ||
74 | </View> | 74 | </View> |
75 | + | ||
76 | + <View style={styles.line}> | ||
77 | + | ||
78 | + </View> | ||
75 | </View> | 79 | </View> |
76 | 80 | ||
77 | </TouchableOpacity> | 81 | </TouchableOpacity> |
@@ -166,11 +170,12 @@ let styles = StyleSheet.create({ | @@ -166,11 +170,12 @@ let styles = StyleSheet.create({ | ||
166 | backgroundColor:'white' | 170 | backgroundColor:'white' |
167 | }, | 171 | }, |
168 | 172 | ||
169 | - lineInCell: { | 173 | + line: { |
170 | height: 1, | 174 | height: 1, |
171 | - marginLeft: 15, | ||
172 | - marginTop: 15, | ||
173 | - // marginBottom: 15, | 175 | + position: 'absolute', |
176 | + width: width, | ||
177 | + bottom: 0, | ||
178 | + right: 0, | ||
174 | backgroundColor: '#e0e0e0', | 179 | backgroundColor: '#e0e0e0', |
175 | }, | 180 | }, |
176 | 181 |
@@ -167,7 +167,7 @@ let styles = StyleSheet.create({ | @@ -167,7 +167,7 @@ let styles = StyleSheet.create({ | ||
167 | // backgroundColor:'red', | 167 | // backgroundColor:'red', |
168 | height: 90, | 168 | height: 90, |
169 | margin: 15, | 169 | margin: 15, |
170 | - marginTop:0, | 170 | + marginTop:5, |
171 | marginBottom:0, | 171 | marginBottom:0, |
172 | // padding: 15, | 172 | // padding: 15, |
173 | }, | 173 | }, |
@@ -204,6 +204,8 @@ let styles = StyleSheet.create({ | @@ -204,6 +204,8 @@ let styles = StyleSheet.create({ | ||
204 | 204 | ||
205 | posts:{ | 205 | posts:{ |
206 | margin:15, | 206 | margin:15, |
207 | + marginTop:12, | ||
208 | + marginBottom:11, | ||
207 | fontSize: 18, | 209 | fontSize: 18, |
208 | flexDirection: 'row', | 210 | flexDirection: 'row', |
209 | alignSelf: 'flex-start', | 211 | alignSelf: 'flex-start', |
@@ -213,7 +215,7 @@ let styles = StyleSheet.create({ | @@ -213,7 +215,7 @@ let styles = StyleSheet.create({ | ||
213 | lineInCell: { | 215 | lineInCell: { |
214 | height: 1, | 216 | height: 1, |
215 | marginLeft: 15, | 217 | marginLeft: 15, |
216 | - marginTop: 15, | 218 | + marginTop: 10, |
217 | // marginBottom: 15, | 219 | // marginBottom: 15, |
218 | backgroundColor: '#e0e0e0', | 220 | backgroundColor: '#e0e0e0', |
219 | }, | 221 | }, |
@@ -103,7 +103,7 @@ let styles = StyleSheet.create({ | @@ -103,7 +103,7 @@ let styles = StyleSheet.create({ | ||
103 | }, | 103 | }, |
104 | 104 | ||
105 | avatarImage: { | 105 | avatarImage: { |
106 | - marginTop: 50, | 106 | + marginTop: 40, |
107 | width: 74, | 107 | width: 74, |
108 | height: 74, | 108 | height: 74, |
109 | borderRadius: 37, | 109 | borderRadius: 37, |
@@ -115,7 +115,7 @@ let styles = StyleSheet.create({ | @@ -115,7 +115,7 @@ let styles = StyleSheet.create({ | ||
115 | name: { | 115 | name: { |
116 | color: 'white', | 116 | color: 'white', |
117 | textAlign: 'center', | 117 | textAlign: 'center', |
118 | - marginTop: 20, | 118 | + marginTop: 15, |
119 | marginBottom: 4, | 119 | marginBottom: 4, |
120 | fontSize: 14, | 120 | fontSize: 14, |
121 | fontFamily: 'Helvetica Light', | 121 | fontFamily: 'Helvetica Light', |
-
Please register or login to post a comment