Просмотр исходного кода

古诗词的背景图调整透明度

丸子 2 недель назад
Родитель
Сommit
f93778e2a0
1 измененных файлов с 12 добавлено и 1 удалено
  1. 12 1
      src/views/AIPage/aiGenerate/DialogContent.vue

+ 12 - 1
src/views/AIPage/aiGenerate/DialogContent.vue

@@ -1718,11 +1718,22 @@ onUnmounted(() => {
   justify-content: center;
   align-items: center;
   z-index: 5;
+  animation: scrollBackgroundFadeIn 0.8s ease-out;
+}
+
+.poem-display::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
   background-image: url('@/assets/dialogue/long-scroll.png');
   background-size: 100%;
   background-repeat: no-repeat;
   background-position: center;
-  animation: scrollBackgroundFadeIn 0.8s ease-out;
+  opacity: 0.5;
+  z-index: -1;
 }
 
 .poem-content {