修复bug:

1.日记本详情页loading, 空内容提示
2.点击提醒到日记详情页时，提醒回复高亮，滚动到底部

src/component/comment/comment.js

@@ -30,8 +30,13 @@ export default class Comment extends Component {
         let isMyComment = this.state.isMyComment;
         let expired = this.state.expired;
 
+        const isNewComment = this.props.newCommentIds != null
+            && this.props.newCommentIds.some(it => it === comment.id);
+
+        const bgActive = isNewComment ? {backgroundColor: Color.textSelect} : null;
+
         return (
-            <View>
+            <View style={bgActive}>
                 <View style={localStyle.box}>
                     <UserIcon iconUrl={user.iconUrl} onPress={this.props.onUserIconPress}></UserIcon>
 

src/component/comment/commentList.js

@@ -149,6 +149,8 @@ export default class CommentList extends Component {
                         return (
                             <Touchable onPress={() => this._onCommentPress(item)}>
                                 <Comment comment={item}
+                                    {...this.props}
+
                                     isMyDiary={this.state.isMine}
                                     isMyComment={selfInfo.id == item.user_id}
                                     expired={this.state.expired}

src/component/loading.js

@@ -32,7 +32,7 @@ const localStyle = StyleSheet.create({
         position: 'absolute',
         left: 0,
         width: Api.DEVICE_WINDOW.width,
-        top: 200,
+        top: '50%',
         justifyContent: 'center',
         alignItems: 'center'
     }

src/component/notebook/notebookDiaryList.js

@@ -14,8 +14,10 @@ import moment from 'moment';
 import Api from '../../util/api';
 import Color from '../../style/color';
 import Touchable from '../touchable';
+import Loading from '../loading';
 
 import DiaryBrief from '../diary/diaryBrief';
+import {ListEmptyRefreshable} from '../listEmpty';
 import NotebookDiaryData from '../../dataLoader/notebookDiaryData';
 import {
     ListFooterLoading,
@@ -34,6 +36,8 @@ export default class NotebookDiaryList extends Component {
         this.dataSource = new NotebookDiaryData();
 
         this.state = {
+            mounting: true,
+
             rawlist: [],
             diaries: [],
 
@@ -129,6 +133,7 @@ export default class NotebookDiaryList extends Component {
 
                 }).done(() => {
                     this.setState({
+                        mounting: false,
                         refreshing: false
                     });
                 });
@@ -210,6 +215,21 @@ export default class NotebookDiaryList extends Component {
             return null;
         }
 
+        if(this.state.refreshing) {
+            return (<Loading visible={true} color={Color.primary}></Loading>);
+        }
+
+        if(!this.state.mounting && (!this.state.diaries || this.state.diaries.length == 0)) {
+            return (
+                <ListEmptyRefreshable
+                    error={this.state.refreshFailed}
+                    message={'没有日记'}
+                    onPress={this.refresh.bind(this)}
+
+                ></ListEmptyRefreshable>
+            );
+        }
+
         let expired = this.notebook.isExpired;
         let isMine = this.isMine;
 

src/component/notification/notificationList.js

@@ -115,7 +115,9 @@ export default class NotificationList extends Component {
                     }
                 },
                 passProps: {
-                    diaryId: msg.link_id
+                    diaryId: msg.link_id,
+                    newCommentIds: msg.list.map(it => it.content.comment_id),
+                    needScrollToBottom: true
                 }
             }
         });

src/page/DiaryDetailPage.js

@@ -201,7 +201,7 @@ export default class DiaryDetailPage extends Component {
                 <ScrollView ref={(r)=>this.scroll = r}
                     style={{flex: 1}}
                     onContentSizeChange={(width, height) => {
-                        if(this.state.needScrollToBottom) {
+                        if(this.props.needScrollToBottom || this.state.needScrollToBottom) {
                             this.scroll.scrollTo({y: height});
                             this.setState({needScrollToBottom: false});
                         }