From ab4e0591a98ee557d67e8db681ed3f9f60ffa259 Mon Sep 17 00:00:00 2001
From: WangLeo <690854599@qq.com>
Date: Wed, 10 Jun 2026 16:51:30 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E8=99=9A=E6=8B=9F?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E6=82=AC=E6=B5=AE=E6=97=B6=E7=9A=84=E5=AD=97?=
 =?UTF-8?q?=E4=BD=93=E6=8A=96=E5=8A=A8=E4=B8=8E=E9=97=AA=E7=83=81=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Img 组件：移除 .img-element:hover scale(1.02) 放大效果
- VirtualScroller：移除 .virtual-scroller-item 的 backface-visibility 和 perspective，消除 GPU 合成层导致的文字抗锯齿切换
- set.vue：叠加按钮从 display:none 改为 opacity 控制显隐，避免 repaint 触发文字重光栅化
- set.vue：prompt 内 generate-data 从 v-show 改为 visibility:hidden，避免悬浮时布局变化导致的无限循环闪烁
---
 src/components/Img/index.vue                      |  4 ----
 .../virtual-scroller/VirtualScroller.vue          |  2 --
 src/views/home/display/components/set.vue         | 15 ++++++++++-----
 3 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/src/components/Img/index.vue b/src/components/Img/index.vue
index 7d94082..7f1f4bc 100644
--- a/src/components/Img/index.vue
+++ b/src/components/Img/index.vue
@@ -93,10 +93,6 @@ onUnmounted(() => {
   transition: transform 0.3s ease;
 }
 
-.img-element:hover {
-  transform: scale(1.02);
-}
-
 .fullscreen-icon {
   position: absolute;
   top: 8px;
diff --git a/src/components/virtual-scroller/VirtualScroller.vue b/src/components/virtual-scroller/VirtualScroller.vue
index 51a40dc..446f399 100644
--- a/src/components/virtual-scroller/VirtualScroller.vue
+++ b/src/components/virtual-scroller/VirtualScroller.vue
@@ -598,8 +598,6 @@ defineExpose({
 
   .virtual-scroller-item {
     contain: layout style;
-    backface-visibility: hidden;
-    perspective: 1000px;
   }
 
   .virtual-scroller-bottom-placeholder {
diff --git a/src/views/home/display/components/set.vue b/src/views/home/display/components/set.vue
index 3d26cb4..f5f8709 100644
--- a/src/views/home/display/components/set.vue
+++ b/src/views/home/display/components/set.vue
@@ -1,14 +1,14 @@
 <template>
   <div style="width: 100%;display: flex;justify-content: center;align-items: center;transform: rotate(180deg);">
     <div class="primary-box" :class="{ 'none-primary-box': props.item.status === 'none' }">
-<div ref="promptContainerRef" class="prompt-container">
+      <div ref="promptContainerRef" class="prompt-container">
         <div ref="promptWrapperRef" class="prompt-wrapper">
           <div ref="promptRef" class="prompt" :class="{ expanded: isHovering }" @mouseenter="isHovering = true" @mouseleave="isHovering = false">
             <span class="prompt-text">
               {{ props.item.generateData.prompt || '生成图片' }}
               <i-ep-DocumentCopy class="Copy" @click.stop="copyPrompt" />
             </span>
-            <div v-show="!isHovering && !showExternalGenerateData" class="generate-data internal">
+            <div :style="{ visibility: !isHovering && !showExternalGenerateData ? 'visible' : 'hidden' }" class="generate-data internal">
               <div class="detailed-data first-detailed-data">{{ props.item.generateData.model }}</div>
               <div class="detailed-data">{{ props.item.generateData.proportion }}</div>
             </div>
@@ -501,12 +501,14 @@ const copyPrompt = async () => {
 }
 .one-box:hover{
   .left-top,.bottom-brush{
-    display:flex
+    opacity: 1;
+    pointer-events: auto;
   }
 }
 .one-box.collected{
   .left-top{
-    display:flex
+    opacity: 1;
+    pointer-events: auto;
   }
 }
 .success-box{
@@ -531,7 +533,10 @@ const copyPrompt = async () => {
 }
 
 .left-top,.bottom-brush{
-  display: none;
+  display: flex;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.2s ease;
   position: absolute;
   z-index: 1;
   cursor: pointer;