浏览代码

修改hover出现按钮

wangfumin 3 周之前
父节点
当前提交
9f7cfbdd8b
共有 1 个文件被更改,包括 8 次插入7 次删除
  1. 8 7
      src/view/case/newCaseFile.vue

+ 8 - 7
src/view/case/newCaseFile.vue

@@ -665,13 +665,14 @@ onUnmounted(() => {
   height: 303px;
   height: 303px;
   display: flex;
   display: flex;
   flex-direction: column;
   flex-direction: column;
-
-  &:hover {
-    // box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-    // transform: translateY(-2px);
-    
-    .card-overlay {
-      opacity: 1;
+  .card-image-container{
+    &:hover {
+      // box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+      // transform: translateY(-2px);
+      
+      .card-overlay {
+        opacity: 1;
+      }
     }
     }
   }
   }
   :deep(.el-image-viewer__canvas){
   :deep(.el-image-viewer__canvas){