stylus 语法换成 saas 语法

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

@@ -0,0 +1,88 @@
+.mobile-chat {
+  .van-nav-bar {
+    position: static;
+
+    .setting {
+      font-size: 18px;
+    }
+  }
+
+  .chat-list-wrapper {
+    padding: 10px 0 10px 0;
+    background: var(--van-background);
+    overflow: hidden;
+
+    .message-list-box {
+      overflow: auto;
+
+      .van-cell {
+        background: none;
+        font-family: 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
+      }
+    }
+  }
+
+  .chat-box-wrapper {
+    .van-sticky {
+      .van-cell-group--inset {
+        margin: 0;
+
+        .van-cell {
+          padding: 10px;
+
+          .icon-box {
+            .van-icon {
+              font-size: 24px;
+              margin-left: 10px;
+            }
+          }
+
+          .button-voice {
+            padding: 0 2px;
+
+            .el-icon {
+              font-size: 24px;
+            }
+            height: 30px;
+          }
+        }
+      }
+    }
+  }
+
+  .van-nav-bar__title {
+    .van-dropdown-menu__title {
+      margin-right: 10px;
+    }
+
+    .van-cell__title {
+      text-align: left;
+    }
+  }
+
+  .van-nav-bar__right {
+    .van-icon {
+      font-size: 20px;
+    }
+  }
+}
+
+.van-overlay {
+  .mic-wrapper {
+    display: flex;
+    height: 100vh;
+    justify-content: center;
+    align-items: center;
+    flex-flow: column;
+  }
+}
+
+// .van-theme-dark {
+//   .mobile-chat {
+//     .chat-list-wrapper {
+//       background: #232425;
+//     }
+//   }
+// }
+
+@use "model-select.scss" as *;