diff --git a/public/images/replyimg.png b/public/images/replyimg.png
new file mode 100644
index 00000000..cc6569df
Binary files /dev/null and b/public/images/replyimg.png differ
diff --git a/src/views/Index.vue b/src/views/Index.vue
index dc456b51..866e2d60 100644
--- a/src/views/Index.vue
+++ b/src/views/Index.vue
@@ -47,7 +47,7 @@
       <div class="modules xcontent2">
         <div class="xcontent2-main">
           <!--内容块-->
-          <div class="modules-title">
+          <div class="modules-title" >
             <span class="modules-text">推荐课程</span>
             <span class="quyer-tag">
               <a :class="courseList.orderType == 2 ? 'current' : ''" @click="orderTypeFilter(2)">最热</a>
@@ -180,15 +180,18 @@
                   </p>
                 </div>
                 <div class="case-inter">
-                  <div>
-                    <authorInfo :avatar="ca.authorInfo.avatar" :info="ca.authorInfo.orgInfo" :name="ca.authorInfo.name"
+                    <div class="case-inter-box">
+                      <div class="case-inter-left">
+                         <authorInfo :avatar="ca.authorInfo.avatar" :info="ca.authorInfo.orgInfo" :name="ca.authorInfo.name"
                       :sex="ca.authorInfo.sex"></authorInfo>
-                  </div>
-                  <div class="interact-bar-index"
+                      </div>
+                      <div class="interact-bar-index"
                     style="font-size: 12px;color: #6E7B84;display: flex;line-height: 30px;">
                     <interactBar :type="3" :readonly="true" :comments="false" :praises="false" :favorites="false"
                       :data="ca" :shares="false" :views="true"></interactBar>人观看
                   </div>
+                  </div>
+                 
                   <!-- -->
                 </div>
               </div>
@@ -212,7 +215,7 @@
       <!-- 推荐文章 -->
       <div class="modules xcontent2">
         <div class="xcontent2-main">
-          <div class="modules-title">
+          <div class="modules-title" style="margin-top:22px">
             <span class="modules-text">推荐文章</span>
             <span class="quyer-tag">
               <a :class="articleList.orderType == 2 ? 'current' : ''" @click="changeArticleOrder(2)">最热</a>
@@ -319,7 +322,7 @@
       <div class="modules xcontent2">
         <div class="xcontent2-main">
           <!--内容块-->
-          <div class="modules-title">
+          <div class="modules-title" style="margin-top:22px">
             <span class="modules-text">推荐问答</span>
             <span class="quyer-tag">
               <a :class="qaList.orderType == 'praises' ? 'current' : ''" @click="changeQaOrder('praises')">最热</a>
@@ -545,7 +548,7 @@
 
       },
       getAnkingData() { //  文章排行榜
-        apiIndex.articleViews(7).then(res => {
+        apiIndex.articleViews(10).then(res => {
           if (res.status == 200) {
             this.ankingList = res.result;
           }
@@ -1227,13 +1230,19 @@
 
       .case-inter {
         position: absolute;
-        // left: 30px;
-        // bottom: 30px;
-        display: flex;
-        // ::v-deep .el-avatar--small{
-        //    width: 32px;
-        //    height: 32px;
-        // }
+         width: 100%;
+        .case-inter-box{
+          display: flex;
+        margin-right: 35px;
+
+      .case-inter-left{
+          flex: 1;
+        }
+        .interact-bar-index{
+          margin-left: auto;
+        }
+        }
+
       }
 
       .case-top {
diff --git a/src/views/article/contactMine.vue b/src/views/article/contactMine.vue
index 65e14973..66cac92d 100644
--- a/src/views/article/contactMine.vue
+++ b/src/views/article/contactMine.vue
@@ -5,57 +5,63 @@
         <li>假如我回复了难道不该显示回复内容吗？</li>
       </ul>
     </Remark>
-
-    <div style="padding: 10px 22px 10px 23px;">
+     
+    <!-- <div style="padding: 10px 22px 10px 23px;">
       <el-select v-model="dataList.type" style="margin-right: 10px" placeholder="类型">
       <el-option label="全部" :value="null"></el-option>
       <el-option label="文章" :value="2"></el-option>
-      <!-- <el-option label="课程" :value="1"></el-option> -->
       <el-option label="案例" :value="3"></el-option>
       <el-option label="问答" :value="4"></el-option>
       </el-select>
-    <!-- <el-input style="width: 200px;margin-right: 10px" placeholder="请选择来源"></el-input> -->
-    <!-- 问题： -->
     <el-input style="width: 200px;margin-right: 10px" v-model="dataList.send" clearable placeholder="搜索人员姓名标题"></el-input>
-    <!-- 提问人：
-    <el-input style="width: 200px;margin-right: 10px"></el-input> -->
+    
     <el-button type="primary" @click="getList" icon="el-icon-search">搜索</el-button>
     <el-button icon="el-icon-refresh-right" type="primary"  @click="reset">重置</el-button>
 
-    </div>
-
-
+    </div> -->
+   <div style="padding: 10px 22px 10px 23px;">
+      <span class="title">@我的</span>
+   </div>
     <div class="article-list" v-for="(item, idx) in dataList.list" :key="idx" @click="jump(item)">
       <div class="article-info">
+        <div class="hear">
+                <span class="hear-left">
+                   {{item.sysCreateBy}}@我
+                </span>
+                <span class="hear-right">
+                    {{item.sysCreateTime}}
+                </span>
+            </div>
         <div class="article-info-title">
-          <div style="line-height: 30px;" class="one-line-ellipsis">
+           
+            
+          <div  class="one-line-ellipsis tit-left">
+            
              <span class="article-type">【{{ filterObjType(item.objType) }}】</span>
             <!-- <span v-if="item.isread" style="padding: 3px;border: 1px dotted #1EA0FA;color: #1EA0FA;">已读</span>
             <span v-else style="padding: 3px;border: 1px dotted #ff0000;color: #ff0000;">未读</span> -->
             {{ item.title }}
           </div>
+           <div class="bj-post">
+             <img src="../../../public/images/replyimg.png" alt="">
+              <el-button class="bianji" type="text" style="color: #999999;font-size: 12px;" :disabled="item.disabled" @click.stop="replay(item)">回复</el-button>
+            </div>
         </div>
 
         <div class="article-info-tools">
           <div class="article-info-tools-auth">
            <div class="two-line-ellipsis">
-              <span style="font-size: 16px; color: #666666; line-height:30px">
-              <!-- <i class="el-icon-time"> -->
-               {{item.sysCreateBy}}@我
-            </span>
-             <span style="margin-left:5px; font-size: 16px; color: #666666; line-height:25px ">
+             <!-- <span style="margin-left:5px; font-size: 16px; color: #666666; line-height:25px ">
                 {{ item.content }}
-             </span>
+             </span> -->
            </div>
             <!-- <el-button type="primary" v-if="!item.isread" size="mini">标记已读</el-button> -->
           </div>
           <div style="margin-top:10px; position: relative;">
               <div>
-              <span style="font-size: 14px; color: #999; ">{{item.sysCreateTime}}</span>
-            </div>
-            <div class="bj-post" >
-              <el-button class="bianji" type="text" style="margin-left: auto" :disabled="item.disabled" icon="el-icon-chat-dot-round" @click.stop="replay(item)">回复</el-button>
+              <!-- <span style="font-size: 14px; color: #999; ">{{item.sysCreateTime}}</span> -->
             </div>
+           
           </div>
            
           <div class="article-info-tools-btns">
@@ -342,6 +348,29 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.hear{
+  width: 100%;
+  display: flex;
+  margin-bottom: 20px;
+  .hear-left{
+    flex: 1;
+    font-size: 14px;
+    font-weight: 400;
+    color: #666666;
+  }
+  .hear-right{
+    margin-left: auto;
+    font-size: 14px;
+    font-weight: 400;
+    color: #666666;
+
+  }
+}
+.title{
+  font-size: 18px;
+  font-weight: 600;
+  color: #333333;
+}
 .one-line-ellipsis{
   display: -webkit-box;
   white-space:pre-wrap;
@@ -363,20 +392,25 @@ export default {
 
 }
 .bj-post{
-  position: absolute;
-  right:0px;
-  top: -7px;
-  // top: 70%;
+  margin-left: auto;
+  img{
+    width: 18px;
+    height: 18px;
+    vertical-align: middle;
+    margin-right: 10px;
+  }
+}
+.tit-left{
+  flex: 1;
 }
 .bianji{
   color: #8590A6;
   font-size: 14px;
 }
 .article-type{
-   color: #3E7FFF;
-   font-size: 18px;
-
-
+   font-size: 16px;
+   font-weight: 600;
+   color: #333333;
 }
 .el-pagination {
   text-align: center;
@@ -397,24 +431,21 @@ export default {
   color: #ff0000;
 }
 .article-list {
-  // margin: 5px 0;
   cursor: pointer;
-  padding-bottom: 20px;
+  // padding-bottom: 20px;
   padding-top: 15px;
   border-bottom: 1px solid #E8E8E8;
-  margin: 0px 19px 0px 19px;
+  margin: 0px 20px 0px 20px;
  
 }
 
 .article-info {
-  // height: 110px;
   .article-info-title {
-    font-size: 18px;
-    font-weight: 400;
+    display: flex;
+    font-size: 16px;
+    font-weight: 600;
     margin-left: -7px;
-    // height: 40px;
     color: #333;
-
     line-height: 40px;
     .article-info-date {
       // height: 40px;
diff --git a/src/views/portal/article/Index.vue b/src/views/portal/article/Index.vue
index 109e490b..55121590 100644
--- a/src/views/portal/article/Index.vue
+++ b/src/views/portal/article/Index.vue
@@ -48,7 +48,7 @@
                           <author :avatar="article.authorInfo.avatar" :name="article.sysCreateBy" :sex="article.authorInfo.sex" :aid="article.authorInfo.aid"></author>
                         </div>
                         <div style="">
-                          <interactBar nodeWidth="60px" :readonly="true" :type="2" :data="article" :views="false"></interactBar>
+                          <interactBar nodeWidth="60px" :readonly="true" :type="2" :data="article" :shares="false" :views="false"></interactBar>
                         </div>
                         <!-- <author :avatar="article.authorInfo.avatar" :name="article.sysCreateBy" :info="article.authorInfo.orgInfo"></author> -->
                     </div>