From ee8409abdce2fc5c5f78a1cc864bcdcc453e3a8f Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Tue, 5 Mar 2024 19:01:24 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96card=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/components/auto-tooltip/index.vue | 3 ++-
 ui/src/components/card-box/index.vue     | 1 +
 ui/src/views/hit-test/index.vue          | 2 +-
 ui/src/views/template/index.vue          | 2 +-
 4 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/ui/src/components/auto-tooltip/index.vue b/ui/src/components/auto-tooltip/index.vue
index 4fe7f0be9..531e2c4c6 100644
--- a/ui/src/components/auto-tooltip/index.vue
+++ b/ui/src/components/auto-tooltip/index.vue
@@ -5,7 +5,7 @@
     effect="dark"
     placement="bottom"
   >
-    <div ref="tagLabel" class="auto-tooltip">
+    <div ref="tagLabel" :class="['auto-tooltip', className]" :style="style">
       <slot></slot>
     </div>
   </el-tooltip>
@@ -13,6 +13,7 @@
 <script setup lang="ts">
 import { ref, computed, onMounted, nextTick } from 'vue'
 defineOptions({ name: 'AutoTooltip' })
+const props = defineProps({ className: String, style: Object })
 const tagLabel = ref()
 const containerWeight = ref(0)
 const contentWeight = ref(0)
diff --git a/ui/src/components/card-box/index.vue b/ui/src/components/card-box/index.vue
index 4190cbd31..c320fc783 100644
--- a/ui/src/components/card-box/index.vue
+++ b/ui/src/components/card-box/index.vue
@@ -78,6 +78,7 @@ function cardLeave() {
       overflow: hidden;
     }
   }
+
   .card-footer {
     position: absolute;
     bottom: 8px;
diff --git a/ui/src/views/hit-test/index.vue b/ui/src/views/hit-test/index.vue
index d41092776..748d5e2f7 100644
--- a/ui/src/views/hit-test/index.vue
+++ b/ui/src/views/hit-test/index.vue
@@ -25,7 +25,7 @@
               <el-col
                 :xs="24"
                 :sm="12"
-                :md="8"
+                :md="12"
                 :lg="8"
                 :xl="6"
                 v-for="(item, index) in paragraphDetail"
diff --git a/ui/src/views/template/index.vue b/ui/src/views/template/index.vue
index 49bf5e762..fc765bd52 100644
--- a/ui/src/views/template/index.vue
+++ b/ui/src/views/template/index.vue
@@ -42,7 +42,7 @@
                   <el-col
                     :xs="24"
                     :sm="24"
-                    :md="12"
+                    :md="24"
                     :lg="12"
                     :xl="12"
                     class="mb-16"