feat: 完成Nacos配置优化和WebSocket集成

主要更新: 1. 统一所有微服务端口配置(19000-19008) 2. 为所有服务创建本地/测试/生产三套环境配置 3. 配置Nacos认证密码(本地:Peanut2817*#, 测试/生产:EmotionMuseum2025) 4. 优化网关路由配置,支持负载均衡和WebSocket 5. 新增emotion-websocket模块,支持实时聊天 6. 前端集成WebSocket,替代HTTP轮询 7. 添加配置验证和管理工具脚本技术特性: - 完整的环境隔离和服务发现 - WebSocket实时通信支持 - 负载均衡路由配置 - 跨域和安全配置 - 自动重连和心跳检测
2025-07-17 18:10:45 +08:00
parent 9a3a8267b5
commit c77352877d
391 changed files with 46585 additions and 4294 deletions
@@ -0,0 +1,143 @@
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
+@import './variables.scss';
+
+// 全局重置
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+html {
+  scroll-behavior: smooth;
+}
+
+body {
+  font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  font-size: $font-size-base;
+  line-height: 1.6;
+  color: $text-dark;
+  background-color: $light-gray;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+// 滚动条样式
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.2);
+  border-radius: 3px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: rgba(0, 0, 0, 0.3);
+}
+
+// 工具类
+.text-tech-blue {
+  color: $tech-blue !important;
+}
+
+.text-warm-orange {
+  color: $warm-orange !important;
+}
+
+.bg-tech-blue {
+  background-color: $tech-blue !important;
+}
+
+.bg-warm-orange {
+  background-color: $warm-orange !important;
+}
+
+.bg-light-gray {
+  background-color: $light-gray !important;
+}
+
+// 动画类
+.fade-in-up {
+  animation: fadeInUp 0.8s ease-out forwards;
+  opacity: 0;
+}
+
+@keyframes fadeInUp {
+  from {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.scroll-target {
+  opacity: 0;
+  transform: translateY(30px);
+  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
+
+  &.visible {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+// 响应式工具类
+.container {
+  width: 100%;
+  margin: 0 auto;
+  padding: 0 $spacing-md;
+
+  @media (min-width: $breakpoint-sm) {
+    max-width: 640px;
+  }
+
+  @media (min-width: $breakpoint-md) {
+    max-width: 768px;
+  }
+
+  @media (min-width: $breakpoint-lg) {
+    max-width: 1024px;
+  }
+
+  @media (min-width: $breakpoint-xl) {
+    max-width: 1280px;
+  }
+
+  @media (min-width: $breakpoint-xxl) {
+    max-width: 1536px;
+  }
+}
+
+// Ant Design 主题覆盖
+.ant-btn-primary {
+  background-color: $tech-blue;
+  border-color: $tech-blue;
+
+  &:hover,
+  &:focus {
+    background-color: lighten($tech-blue, 10%);
+    border-color: lighten($tech-blue, 10%);
+  }
+}
+
+.ant-btn-orange {
+  background-color: $warm-orange;
+  border-color: $warm-orange;
+  color: white;
+
+  &:hover,
+  &:focus {
+    background-color: lighten($warm-orange, 10%);
+    border-color: lighten($warm-orange, 10%);
+    color: white;
+  }
+}