From b27248bdb02bf33a060a61dfcd2bdbf44b98447c Mon Sep 17 00:00:00 2001
From: fofolee <fofolee@qq.com>
Date: Mon, 24 Feb 2025 21:08:00 +0800
Subject: [PATCH] =?UTF-8?q?=E5=91=BD=E4=BB=A4=E5=8D=A1=E7=89=87=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/card/ControlButtons.vue      | 1 +
 src/components/card/layouts/DenseLayout.vue | 2 +-
 src/components/card/layouts/ListLayout.vue  | 5 +++--
 src/components/card/layouts/MiniLayout.vue  | 2 +-
 4 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/card/ControlButtons.vue b/src/components/card/ControlButtons.vue
index 60493d5..4e952e5 100644
--- a/src/components/card/ControlButtons.vue
+++ b/src/components/card/ControlButtons.vue
@@ -242,6 +242,7 @@ export default {
   opacity: 1;
   transform: translateY(0);
   visibility: visible;
+  backdrop-filter: blur(1px);
 }
 
 /* 按钮悬浮效果 */
diff --git a/src/components/card/layouts/DenseLayout.vue b/src/components/card/layouts/DenseLayout.vue
index ab9d0d7..924e3a5 100644
--- a/src/components/card/layouts/DenseLayout.vue
+++ b/src/components/card/layouts/DenseLayout.vue
@@ -19,7 +19,7 @@
     <div class="row justify-end">
       <div
         class="text-ellipsis"
-        v-html="commandInfo.features.explain.trim() || '<br/>'"
+        v-text="commandInfo.features.explain"
       />
     </div>
 
diff --git a/src/components/card/layouts/ListLayout.vue b/src/components/card/layouts/ListLayout.vue
index 351aad7..7a0293e 100644
--- a/src/components/card/layouts/ListLayout.vue
+++ b/src/components/card/layouts/ListLayout.vue
@@ -13,11 +13,11 @@
       >
         <img :src="commandInfo.features.icon" />
       </q-avatar>
-      <div class="column">
+      <div class="col">
         <!-- 名称 -->
         <div
           class="text-ellipsis"
-          v-html="commandInfo.features.explain.trim() || '<br/>'"
+          v-text="commandInfo.features.explain"
         />
         <!-- 匹配模式 -->
         <CommandTypeTag
@@ -96,5 +96,6 @@ export default {
   text-overflow: ellipsis;
   white-space: nowrap;
   font-size: 14px;
+  max-width: 100%;
 }
 </style>
diff --git a/src/components/card/layouts/MiniLayout.vue b/src/components/card/layouts/MiniLayout.vue
index adf21b6..100da5e 100644
--- a/src/components/card/layouts/MiniLayout.vue
+++ b/src/components/card/layouts/MiniLayout.vue
@@ -18,7 +18,7 @@
     <div class="row justify-center w-100">
       <div
         class="text-ellipsis text-center"
-        v-html="commandInfo.features.explain.trim() || '<br/>'"
+        v-text="commandInfo.features.explain"
       />
     </div>