stylus 语法换成 saas 语法全部完成

web/src/assets/css/image-dall.scss

@@ -1,3 +1,5 @@
+@use 'waterfall-list.scss' as *;
+
 .page-dall {
   // background-color: #282c34;
 
@@ -211,7 +213,6 @@
         }
 
         // 任务列表
-        @import 'waterfall-list.scss';
       }
 
       .no-more-data {

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

@@ -1,3 +1,5 @@
+@use 'running-job-list.scss' as *;
+
 .page-mj {
   // background-color: #282c34;
   height: 100%;
@@ -323,7 +325,6 @@
 
         .job-list-box {
           // 任务列表
-          @import 'running-job-list.scss';
 
           .finish-job-list {
             #waterfall {

web/src/assets/css/image-sd.scss

@@ -1,3 +1,6 @@
+@use 'waterfall-list.scss' as *;
+@use 'sd-task-dialog.scss' as *;
+
 .page-sd {
   // background-color: #282c34;
 
@@ -212,7 +215,6 @@
         }
 
         // 任务列表
-        @import 'waterfall-list.scss';
       }
 
       .no-more-data {
@@ -222,8 +224,6 @@
     }
   }
 
-  @import 'sd-task-dialog.scss';
-
   .mj-list-item-prompt {
     .el-icon {
       margin-left: 10px;

web/src/assets/css/images-wall.scss

@@ -1,3 +1,5 @@
+@use 'sd-task-dialog.scss' as *;
+
 @keyframes expandUp {
   0% {
     transform: scaleY(0);
@@ -79,7 +81,8 @@
           }
           .iconfont {
           }
-          .el-icon, .iconfont {
+          .el-icon,
+          .iconfont {
             top: 2px;
             cursor: pointer;
             color: #fff !important;
@@ -123,6 +126,4 @@
       }
     }
   }
-
-  @use "sd-task-dialog.scss" as *;
-}
+}

web/src/assets/css/mobile/chat-list.scss

@@ -1,3 +1,5 @@
+@use 'model-select.scss' as *;
+
 .mobile-chat-list {
   .content {
     padding-top: 46px;
@@ -32,5 +34,3 @@
     }
   }
 }
-
-@use "model-select.scss" as *;

web/src/assets/css/mobile/chat-session.scss

@@ -1,3 +1,5 @@
+@use 'model-select.scss' as *;
+
 .mobile-chat {
   .van-nav-bar {
     position: static;
@@ -84,5 +86,3 @@
 //     }
 //   }
 // }
-
-@use "model-select.scss" as *;

web/src/assets/css/waterfall-list.scss

@@ -1,6 +1,6 @@
-.job-list-box {
-  @import 'running-job-list.scss';
+@use 'running-job-list.scss' as *;
 
+.job-list-box {
   .finish-job-list {
     #waterfall {
       display: flex;