feat: midjourney page task and image list component is ready

web/src/assets/css/image-mj.styl

@@ -182,17 +182,68 @@
       }
     }
 
+    /* 修改滚动条的颜色 */
+
+    ::-webkit-scrollbar {
+      width: 10px; /* 滚动条宽度 */
+    }
+
+    /* 修改滚动条轨道的背景颜色 */
+
+    ::-webkit-scrollbar-track {
+      background-color: #282C34;
+    }
+
+    /* 修改滚动条的滑块颜色 */
+
+    ::-webkit-scrollbar-thumb {
+      background-color: #444444;
+      border-radius 10px
+    }
+
+    /* 修改滚动条的滑块的悬停颜色 */
+
+    ::-webkit-scrollbar-thumb:hover {
+      background-color: #666666;
+    }
 
     .task-list-box {
       width 100%
       padding 10px
       color #ffffff
       overflow-x hidden
-      overflow-y auto
+
+      .running-job-list {
+        .job-item {
+          //border: 1px solid #454545;
+          width: 100%;
+          padding 2px
+          background-color #555555
+
+          .el-image {
+            width 100%
+            height 100%
+
+            .image-slot {
+              display flex
+              flex-flow column
+              justify-content center
+              align-items center
+              height 100%
+              color #ffffff
+
+              .iconfont {
+                font-size 50px
+                margin-bottom 10px
+              }
+            }
+          }
+        }
+      }
 
       .task-list-inner {
 
-        .grid-content {
+        .job-item {
           margin-bottom 20px
 
           .opt {
@@ -231,4 +282,13 @@
     }
   }
 
+}
+
+.mj-list-item-prompt {
+  .el-icon {
+    margin-left 10px
+    cursor pointer
+    position relative
+    top 2px
+  }
 }