From 9711fa051d9abefb6afcb2a7e9d08f71c43e5b85 Mon Sep 17 00:00:00 2001
From: lmj <3407000732@qq.com>
Date: Fri, 14 Oct 2022 12:09:36 +0800
Subject: [PATCH] =?UTF-8?q?=E6=88=91=E7=9A=84=E6=96=87=E7=AB=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Article/ucItems.vue | 70 ++++++++++++++++++++----------
 1 file changed, 47 insertions(+), 23 deletions(-)

diff --git a/src/components/Article/ucItems.vue b/src/components/Article/ucItems.vue
index 4f142003..6950cccd 100644
--- a/src/components/Article/ucItems.vue
+++ b/src/components/Article/ucItems.vue
@@ -11,31 +11,42 @@
           </span>
 
         </div>
-        <div class="article-info-summary two-line-ellipsis">{{item.summary}}</div>
-        <div class="article-info-tools">
-          <div class="article-info-tools-auth">
+        <div class="art-head two-line-ellipsis">
+          <div class="article-info-summary">
+            {{item.summary}}
+          </div>
+          
+          <div class="art-img">
+            <img :src="fileBaseUrl + item.coverurl" alt="">
+          </div>
+
+        </div>
+        <!-- <div class="article-info-tools"> -->
+          <!-- <div class="article-info-tools-auth"> -->
             <!-- <el-avatar size="small" :src="item.avatar ? fileBaseUrl + item.avatar : '/temp/index/male.jpg'"></el-avatar>
             <span>{{item.name}}{{(item.orgInfo)}}</span> -->
             <!-- <el-tag v-if="status === 0" type="success">已发布</el-tag>
             <el-tag type="warning" v-else>未发布</el-tag> -->
-            <span class="article-time">
+            <!-- <span class="article-time">
               <span> 时间：{{item.sysCreateTime|sysCreateTimeFilter}}</span>
-            </span>
-            <span v-if="!item.enabled">已下架</span>
-          </div>
-          <div class="article-info-tools-btns" v-if="item.status == 9">
-            <!-- <interactBar :data="item" :type="2" :shares="false" :views="false"></interactBar> -->
+            </span> -->
+            <!-- <span v-if="!item.enabled">已下架</span> -->
+          <!-- </div> -->
+          <!-- <div class="article-info-tools-btns" v-if="item.status == 9"> -->
             <!-- <el-link icon="el-icon-chat-line-round" class="article-info-tools-btn" >评论57</el-link>
             <el-link icon="el-icon-s-promotion" class="article-info-tools-btn" >分享57</el-link>
             <el-link icon="el-icon-star-on" class="article-info-tools-btn">收藏12</el-link>
             <el-link icon="el-icon-thumb" class="article-info-tools-btn" >点赞20</el-link > -->
-          </div>
-        </div>
+          <!-- </div> -->
+        <!-- </div> -->
 
       </div>
        <div class="article-info-date">
-            <el-button class="edit" @click.stop="editItem(item.id)" type="text"  icon="el-icon-edit">编辑</el-button>
-            <el-button class="del" @click.stop="delItem(item)" type="text" icon="el-icon-delete">删除</el-button>
+            <interactBar :data="item" :type="2" :shares="false" :views="false"></interactBar>
+
+            <!-- <el-button class="edit" @click.stop="editItem(item.id)" type="text"  icon="el-icon-edit">编辑</el-button>
+            <el-button class="del" @click.stop="delItem(item)" type="text" icon="el-icon-delete">删除</el-button> -->
+
       </div>
     </div>
     <el-dialog title="编辑文章" :visible.sync="diagSync" :close-on-click-modal="false" width="900px" custom-class="g-dialog">
@@ -196,9 +207,9 @@ export default {
   box-sizing: border-box;
 }
  .article-info-date {
-      position: absolute;
-      top: 70%;
-      right:0px;
+      // position: absolute;
+      // top: 70%;
+      // right:0px;
       .del{
          color: #8590A6;
          font-size: 14px;
@@ -293,14 +304,27 @@ width: 100%;
     }
 
   }
-  .article-info-summary {
-    margin-bottom: 20px;
-    color: #333333;
-    margin-top: 10px;
-    font-size: 14px;
-
-
+  .art-head{
+    display: flex;
+    width: 100%;
+    margin-bottom: 15px;
+    .article-info-summary {
+      flex: 1;
+      color: #333333;
+      margin-top: 10px;
+      font-size: 14px;
+    }
+    .art-img{
+      width: 192px;
+      height: 109px;
+      margin-left: auto;
+      img{
+        width: 100%;
+        height: 100%;
+      }
+    }
   }
+  
   .article-info-tools {
     height: 30px;
     display: flex;