{"Message":"完善动画效果","MessageType":2,"Modules":[{"State":1,"Type":3,"Name":"MasterPCPage/FGC_母版页"},{"State":2,"Type":24,"Name":"MasterPages/FGC_页面模板文件夹"},{"State":2,"Type":3,"Name":"MasterPCPage/FGC_页面模板_母版页"},{"State":1,"Type":9,"Name":"Theme"},{"State":1,"Type":12,"Name":"CustomLibrary"},{"State":1,"Type":40,"Name":"Plugin"},{"State":3,"Type":6,"Name":"Pages/首页"},{"State":3,"Type":1,"Name":"PCPage/首页"},{"State":3,"Type":1,"Name":"PCPage/AI动画页面"},{"State":3,"Type":1,"Name":"PCPage/对话页面"},{"State":3,"Type":31,"Name":"UserControlPage/输入框"},{"State":3,"Type":38,"Name":"Image/发送.svg"}],"Version":"v1"}

UserFile/BaseCss.css

@@ -93,3 +93,47 @@
 .toolbar .menuContainer > ul > li > ul li:first-child > a {
   border-radius: 3px 3px 0 0;
 }
+
+/* 定义淡入动画 */
+@keyframes fadeIn {
+    from {
+        opacity: 0;  /* 开始时元素完全透明 */
+    }
+    to {
+        opacity: 1;  /* 结束时元素完全不透明 */
+    }
+}
+
+/* 应用淡入动画的CSS类 */
+.fade-in {
+    opacity: 0;  /* 初始状态为不可见 */
+    animation-name: fadeIn;  /* 使用定义的fadeIn动画 */
+    animation-duration: 3s;  /* 动画持续时间为2秒 */
+    animation-fill-mode: forwards; /* 动画完成后保持最后一帧的样式 */
+}
+.animation-delay-1{
+    animation-delay: 1s;
+}
+.animation-delay-2{
+    animation-delay: 3s;
+}
+.animation-delay-3{
+    animation-delay: 3s;
+}
+
+.max-height-150{
+    max-height: 140px;
+     overflow: auto !important;
+}
+
+/* 淡入淡出*/
+.fade-effect {
+    transition: opacity 1s ease, transform 1s ease;
+    opacity: 1;
+    transform: translateY(0);
+}
+
+.hidden {
+    opacity: 0;
+    transform: translateY(20px); /* 向下移动20像素 */
+}