stylus 语法换成 saas 语法

2026-05-09 19:25:20 +08:00 · 2025-08-01 17:32:06 +08:00
parent 068b5ddeef
commit 54f8494b5c
145 changed files with 8445 additions and 8446 deletions
--- a/web/src/assets/css/images-wall.scss
+++ b/web/src/assets/css/images-wall.scss
@@ -0,0 +1,128 @@
+@keyframes expandUp {
+  0% {
+    transform: scaleY(0);
+  }
+  100% {
+    transform: scaleY(1);
+  }
+}
+
+.page-images-wall {
+  display: flex;
+  // background-color: #282c34;
+
+  .inner {
+    width: 100%;
+    color: var(--text-theme-color);
+    overflow: hidden;
+
+    .header {
+      display: flex;
+      padding: 0 40px;
+
+      h2 {
+        width: 300px;
+      }
+
+      .settings {
+        width: 100%;
+        display: flex;
+        justify-content: right;
+
+        .el-radio-group {
+          font-size: 16px;
+
+          .el-radio {
+            color: var(--text-theme-color);
+          }
+        }
+      }
+    }
+
+    .waterfall {
+      position: relative;
+      margin: 0 auto;
+      overflow-y: auto;
+      overflow-x: hidden;
+
+      .waterfall-over-message {
+        display: none;
+      }
+
+      .list-item {
+        display: flex;
+
+        .image {
+          overflow: hidden;
+
+          .el-image {
+            width: 100%;
+            transition: transform 0.3s;
+            cursor: pointer;
+          }
+        }
+
+        .opt {
+          display: none;
+          position: absolute;
+          width: 100%;
+          bottom: 0;
+          left: 0;
+          color: var(--text-theme-color);
+          padding: 8px 10px;
+          line-height: 1.2;
+          border-top-right-radius: 10px;
+          background-color: rgba(10, 10, 10, 0.7);
+
+          span {
+            word-break: break-all;
+          }
+          .iconfont {
+          }
+          .el-icon, .iconfont {
+            top: 2px;
+            cursor: pointer;
+            color: #fff !important;
+            border: 1px solid #fff !important;
+            border-radius: 5px;
+            padding: 2px;
+            font-size: 16px;
+            margin-right: 10px;
+
+            &:hover {
+              background-color: #444444;
+            }
+          }
+        }
+
+        &:hover {
+          .opt {
+            display: block;
+            animation: expandUp 0.3s ease-in-out forwards;
+            transform-origin: bottom center;
+            transform: scaleY(0); /* 初始状态，元素高度为0 */
+          }
+
+          .image {
+            .el-image {
+              transform: scale(1.2); /* 放大图像到1.2倍大小 */
+            }
+          }
+        }
+      }
+    }
+
+    .footer {
+      display: flex;
+      padding: 20px;
+      align-items: center;
+      justify-content: center;
+
+      .iconfont {
+        margin-left: 6px;
+      }
+    }
+  }
+
+  @use "sd-task-dialog.scss" as *;
+}