diff --git a/src/components/Case/collectList.vue b/src/components/Case/collectList.vue
index efecb94e..866e4731 100644
--- a/src/components/Case/collectList.vue
+++ b/src/components/Case/collectList.vue
@@ -2,14 +2,18 @@
   <div style="">
     <div class="article-list" v-for="(item,idx) in items" :key="idx">
       <div class="article-info ">
-        <div class="article-info-title title-line-ellipsis" >
+        <div class="article-info-title " >
+          <div style="width:85%" class="title-line-ellipsis">
           <router-link :to="'/case/detail?id='+item.cases.id" target="_blank" >{{item.cases.title}}</router-link>
+            
+          </div>
           <div class="article-info-date">
             <el-button @click="delItem(item)" type="text" icon="el-icon-remove">取消收藏</el-button>
           </div>
         </div>
         <div class="article-info-summary three-line-ellipsis">
-          {{item.cases.summary}}
+
+         <router-link :to="'/case/detail?id='+item.cases.id" target="_blank" > {{item.cases.summary}}</router-link>
         </div>
         <div class="article-info-tools">
           <authorInfo :avatar="item.avatar" :name="item.name" :info="item.orgInfo"></authorInfo>
@@ -59,7 +63,6 @@
 
 <style lang="scss" scoped>
 .title-line-ellipsis{
-   width: 100%;
    display: -webkit-box;
    overflow: hidden;
   text-overflow:ellipsis;
@@ -100,15 +103,19 @@
   }
 
   .article-info {
+    
     .article-info-title {
       font-size: 16px;
       font-weight: 400;
       height: 40px;
       line-height: 40px;
+      display: flex;
+      // width: 80%;
       .article-info-date {
+        flex: 1;
         height: 40px;
+        text-align: right;
         line-height: 40px;
-        float: right;
         font-weight: 200;
         color: #999999;
         i {