feat: add at when reply

RyanLiu0235 · RyanLiu0235 · commit ba14b10ff499 · 2018-04-02T23:14:35.000+08:00
diff --git a/public/index.html b/public/index.html
@@ -10,6 +10,6 @@
   </head>
   <body>
     <div id="root"></div>
-    <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_610414_a2rijzwk05yaatt9.css">
+    <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_610414_otpdqoj9jhrozuxr.css">
   </body>
 </html>
diff --git a/src/components/TopicDetail/index.jsx b/src/components/TopicDetail/index.jsx
@@ -87,6 +87,14 @@ class TopicDetail extends Component {
       id
     })
   }
+  reply(name) {
+    const at = `@${name} `
+    this.refs.textarea.value = at
+    this.refs.textarea.focus()
+    this.setState({
+      reply: at
+    })
+  }
   handleInput(e) {
     this.setState({
       reply: e.target.value.trim()
@@ -140,9 +148,15 @@ class TopicDetail extends Component {
               <span className="time_stamp">{format(item.create_at)}</span>
               <span className="floor">{index + 1}楼</span>
             </div>
-            <div className={'user_action ' + (item.is_uped ? 'liked' : '')} onClick={this.like.bind(this, item.id, item.author.loginname)}>
-              <span className="iconfont icon-thumbup"></span>
-              <span className="up_number">{item.ups.length}</span>
+            {/*赞*/}
+            <div className="user_action">
+              <div className={'action_item' + (item.is_uped ? 'liked' : '')} onClick={this.like.bind(this, item.id, item.author.loginname)}>
+                <span className="iconfont icon-thumbup"></span>
+                <span className="up_number">{item.ups.length}</span>
+              </div>
+              <div className="action_item" onClick={this.reply.bind(this, item.author.loginname)}>
+                <span className="iconfont icon-reply"></span>
+              </div>
             </div>
           </div>
           <div className="comment_content" dangerouslySetInnerHTML={{__html: item.content}} />
@@ -168,7 +182,7 @@ class TopicDetail extends Component {
         <div className="topic_reply">
           <p>添加评论</p>
           <div className="form">
-            <textarea onChange={this.handleInput.bind(this)}></textarea>
+            <textarea ref="textarea" onChange={this.handleInput.bind(this)}></textarea>
             <div className="button button_info" onClick={this.submit.bind(this)}>提交</div>
           </div>
         </div>
diff --git a/src/components/TopicDetail/topicDetail.less b/src/components/TopicDetail/topicDetail.less
@@ -60,7 +60,16 @@
     }
     .user_action {
       display: flex;
-      &.liked {
+      span {
+        height: 14px;
+        line-height: 14px;
+        color: #999;
+        font-size: 14px;
+      }
+      .action_item {
+        margin-left: 5px;
+      }
+      .liked {
         .icon-thumbup,
         .up_number {
           color: #6cf;
@@ -100,13 +109,6 @@
       font-size: 10px;
       color: #999;
     }
-    .icon-thumbup,
-    .up_number {
-      height: 14px;
-      line-height: 14px;
-      color: #999;
-      font-size: 14px;
-    }
     .up_number {
       margin-left: 3px;
     }
