From e3f3b13738a5ed097d91cd320d02b0f4129f26ed Mon Sep 17 00:00:00 2001
From: lmj <3407000732@qq.com>
Date: Fri, 10 Jun 2022 12:47:20 +0800
Subject: [PATCH] =?UTF-8?q?=E5=85=B3=E9=94=AE=E5=AD=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/portal/case/Detail.vue | 41 ++++++++++++++++++++++----------
 1 file changed, 28 insertions(+), 13 deletions(-)

diff --git a/src/views/portal/case/Detail.vue b/src/views/portal/case/Detail.vue
index af8e106c..da124f09 100644
--- a/src/views/portal/case/Detail.vue
+++ b/src/views/portal/case/Detail.vue
@@ -24,14 +24,14 @@
               <interactBar  :data="caseDetail" :type="3" :comments="false" :shares="true"></interactBar>
             </div> -->
             <!-- <div class="case-summary"><span>{{ caseDetail.summary }}</span></div> -->
-            <div class="btn-div" >
-              <span style="color:#666" v-if="caseDetail.orgDomain" class="item">{{ caseDetail.orgDomain }}</span>
-              <span style="color:#666" v-if="caseDetail.majorType" class="item">{{ caseDetail.majorType }}</span>
-              <span v-if="caseDetail.keyword1" class="item">{{ caseDetail.keyword1 }}</span>
-              <span v-if="caseDetail.keyword2" class="item">{{ caseDetail.keyword2 }}</span>
-              <span v-if="caseDetail.keyword3" class="item">{{ caseDetail.keyword3 }}</span>
-              <span v-if="caseDetail.keyword4" class="item">{{ caseDetail.keyword4 }}</span>
-              <span v-if="caseDetail.keyword5" class="item">{{ caseDetail.keyword5 }}</span>
+            <div class="btn-div clearfix" >
+              <div style="color:#666" v-if="caseDetail.orgDomain" class="item">{{ caseDetail.orgDomain }}</div>
+              <div style="color:#666" v-if="caseDetail.majorType" class="item">{{ caseDetail.majorType }}</div>
+              <div v-if="caseDetail.keyword1" class="item">{{ caseDetail.keyword1 }}</div>
+              <div v-if="caseDetail.keyword2" class="item">{{ caseDetail.keyword2 }}</div>
+              <div v-if="caseDetail.keyword3" class="item">{{ caseDetail.keyword3 }}</div>
+              <div v-if="caseDetail.keyword4" class="item">{{ caseDetail.keyword4 }}</div>
+              <div v-if="caseDetail.keyword5" class="item">{{ caseDetail.keyword5 }}</div>
               <!-- <span v-if="caseDetail.caseType" class="item">{{ caseDetail.caseType }}</span>
                <span v-if="caseDetail.caseType1" class="item">{{ caseDetail.caseType1 }}</span>
                 <span v-if="caseDetail.caseType2" class="item">{{ caseDetail.caseType2 }}</span> -->
@@ -366,7 +366,6 @@ export default {
   border:none;
 }
 .case-summary{
-  margin-top: 10px;
   font-size: 15px;
   color: #454545;
   word-break:break-all;
@@ -437,16 +436,32 @@ export default {
   .type {
     color: #0079fe;
   }
+
+  
+  .clearfix:after{
+  content: "020"; 
+  display: block; 
+  height: 0; 
+  clear: both; 
+  visibility: hidden;  
+  }
   .btn-div {
-    margin: 8px 0;
+    margin: 0px 0 5px 0;
     padding-bottom: 5px;
     padding-top:5px;
+    height: 100%;
+    width: 100%;
     .item {
-      margin: 0 10px 0 0px;
+      float: left;
+      margin: 7px 10px 0px 0px;
       border: 1px solid #c2c3c8;
-      padding: 3px 10px;
+      padding: 0px 10px;
+      line-height: 24px;
+      text-align: center;
+      height: 24px;
+      box-sizing: border-box;
       border-radius: 2px;
-       font-size: 14px;
+      font-size: 14px;
       color: #9c9c9c;
     }
     .item-right {