修复bug:

1.评论,ok绷的icon移到列表右侧
2.调整评论icon的颜色
This commit is contained in:
xuwenyang 2019-07-14 22:07:43 +08:00
parent 2da961b2cc
commit b210fa92fd
5 changed files with 14 additions and 9 deletions

View file

@ -114,7 +114,7 @@ const localStyle = StyleSheet.create({
moreIcon: { moreIcon: {
position: 'absolute', position: 'absolute',
bottom: 0, bottom: 0,
right: 10, right: 15,
paddingHorizontal: 12, paddingHorizontal: 12,
paddingVertical: 5 paddingVertical: 5
} }

View file

@ -89,6 +89,8 @@ export default class DiaryBrief extends Component {
<Photo uri={diary.photoThumbUrl} onPress={this.props.onPhotoPress}></Photo> <Photo uri={diary.photoThumbUrl} onPress={this.props.onPhotoPress}></Photo>
<View style={localStyle.actionBar}> <View style={localStyle.actionBar}>
<View style={{flex: 1}} />
<View style={localStyle.icons}> <View style={localStyle.icons}>
<DiaryIconComment count={diary.comment_count}></DiaryIconComment> <DiaryIconComment count={diary.comment_count}></DiaryIconComment>
<DiaryIconOkB diaryId={diary.id} <DiaryIconOkB diaryId={diary.id}
@ -98,7 +100,7 @@ export default class DiaryBrief extends Component {
refreshBack={this.refreshDiary.bind(this)} refreshBack={this.refreshDiary.bind(this)}
></DiaryIconOkB> ></DiaryIconOkB>
</View> </View>
<View style={{flex: 1}} />
{ {
isMine && !expired isMine && !expired
? <TouchableOpacity onPress={this.onDiaryAction.bind(this)}> ? <TouchableOpacity onPress={this.onDiaryAction.bind(this)}>
@ -134,7 +136,8 @@ const localStyle = StyleSheet.create({
title: { title: {
flexDirection: "row", flexDirection: "row",
alignItems: "flex-end", alignItems: "flex-end",
paddingBottom: 5 paddingBottom: 5,
paddingRight: 9
}, },
titleName: { titleName: {
fontWeight: 'bold', fontWeight: 'bold',
@ -164,7 +167,7 @@ const localStyle = StyleSheet.create({
flexDirection: 'row' flexDirection: 'row'
}, },
moreIcon: { moreIcon: {
paddingVertical: 5, marginLeft: 7,
paddingHorizontal: 5 marginRight: 13
} }
}); });

View file

@ -157,7 +157,7 @@ const localStyle = StyleSheet.create({
title: { title: {
flexDirection: "row", flexDirection: "row",
alignItems: "flex-end", alignItems: "flex-end",
paddingRight: 10, paddingRight: 9,
paddingBottom: 5 paddingBottom: 5
}, },
titleName: { titleName: {

View file

@ -29,9 +29,11 @@ export default class DiaryIconComment extends Component {
const localStyle = StyleSheet.create({ const localStyle = StyleSheet.create({
wrap: { wrap: {
flexDirection: 'row', flexDirection: 'row',
marginRight: 6 marginRight: 6,
marginTop: -1
}, },
icon: { icon: {
color: Color.inactiveText,
marginLeft: 2, marginLeft: 2,
marginRight: 4 marginRight: 4
}, },

View file

@ -101,8 +101,8 @@ const localStyle = StyleSheet.create({
icon: { icon: {
width: 18, width: 18,
height: 18, height: 18,
marginLeft: 2, marginLeft: 4,
marginRight: 4 marginRight: 1
}, },
text: { text: {
fontSize: 15 fontSize: 15