pull

@@ -19,7 +19,13 @@
         <div class="note-header">Nike 旗下大热鞋款 Air Max 95</div>
         <div class="note-header">Nike 旗下大热鞋款 Air Max 95</div>
         <div class="note-content">Nike 旗下大热鞋款 Air Max 95 一直以来在街头造型当中的能见度都算高，凭藉其舒适脚感与百搭外型 @NIKE官方 Max 95 也轻松成为许多鞋迷的心头好紧接「Triple White」之后，备受期待的 Nike 全新鞋款 SF-AF1 Mid 又有一双鞋的「Tiger Camo」配色率先现身网络。</div>
         <div class="note-content">Nike 旗下大热鞋款 Air Max 95 一直以来在街头造型当中的能见度都算高，凭藉其舒适脚感与百搭外型 @NIKE官方 Max 95 也轻松成为许多鞋迷的心头好紧接「Triple White」之后，备受期待的 Nike 全新鞋款 SF-AF1 Mid 又有一双鞋的「Tiger Camo」配色率先现身网络。</div>
         <div class="note-date">2019-01-02</div>
         <div class="note-date">2019-01-02</div>
-        <div class="praise-wrapper" ></div>
+        <div class="praise-wrapper">
+          <div class="praise-border"></div>
+          <div class="praise-div">
+            <div class="praise-icon"></div>
+            <div class="praise-num">1829</div>
+          </div>
+        </div>
       </div>
       </div>
 
 
       <div class="recommend-container">
       <div class="recommend-container">
@@ -111,12 +117,43 @@ export default {
 
 
 .praise-wrapper {
 .praise-wrapper {
   margin-top: 60px;
   margin-top: 60px;
-  margin-left: calc((100%-160px)/2);
+  width: 100%;
   height: 160px;
   height: 160px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+}
+
+.praise-border {
   width: 160px;
   width: 160px;
-  background: url("~statics/image/coupon/used@3x.png");
+  height: 160px;
+  border-radius: 50%;
+  border: 2px solid #EEEEEE;
+  position: absolute;
+  top: 0;
+  left: calc((100%-160px)/2);
+}
+
+.praise-div {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+
+  .praise-icon {
+    width: 64px;
+    height: 64px;
+    background: url(~statics/image/order/alipay@3x.png) no-repeat;
     background-size: contain;
     background-size: contain;
     background-repeat: no-repeat;
     background-repeat: no-repeat;
+  }
+
+  .praise-num {
+    margin-top: 8px;
+    font-size: 22px;
+    color: #002B47;
+    letter-spacing: 0.21px;
+  }
 }
 }
 
 
 .recommend-container {
 .recommend-container {

+export const FETCH_DETAIL_INFO = 'FETCH_DETAIL_INFO';
+
 export default function() {
 export default function() {
   return {
   return {
     namespaced: true,
     namespaced: true,
-    state: {}
+    state: {
+      detailInfo: {}
+    }
   };
   };
 }
 }

@@ -16,5 +16,34 @@ module.exports = {
     auth: true,
     auth: true,
     api: 'app.grass.getTotalInboxUnread',
     api: 'app.grass.getTotalInboxUnread',
     params: {}
     params: {}
+  },
+
+  // 文章详情
+  '/api/grass/columnArticleDetail': {
+    api: 'app.grass.columnArticleDetail',
+    params: {
+      uid: {type: Number},
+      articleId: {type: Number, require: true},
+      singleDetail: {type: String, require: true}, // default value: Y
+      fromXianyu: {type: String, require: true}, // default value: Y
+    }
+  },
+
+  // 推荐文章
+  '/api/grass/xianyuOtherArticles': {
+    api: 'app.grass.xianyuOtherArticles',
+    params: {
+      articleId: {type: Number, require: true}
     }
     }
+  },
+
+  // 点赞
+  '/api/grass/updateArticlePraise': {
+    api: 'app.grass.updateArticlePraise',
+    auth: true,
+    params: {
+      articleId: {type: Number, require: true},
+      status: {type: Number, require: true}, // 0 未点赞 1点赞
+    }
+  },
 };
 };