feat: 增强情绪博物馆项目功能 - 新增用户评论和帖子功能，优化前端架构和WebSocket通信 - 更新文档和部署配置

2025-07-29 07:38:47 +08:00
parent cc886cd4d5
commit 2f3d39fb00
142 changed files with 45645 additions and 0 deletions
@@ -0,0 +1,98 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    './index.html',
+    './src/**/*.{vue,js,ts,jsx,tsx}'
+  ],
+  theme: {
+    extend: {
+      colors: {
+        // 主色调
+        primary: {
+          50: '#f0f9ff',
+          100: '#e0f2fe',
+          200: '#bae6fd',
+          300: '#7dd3fc',
+          400: '#38bdf8',
+          500: '#0ea5e9',
+          600: '#0284c7',
+          700: '#0369a1',
+          800: '#075985',
+          900: '#0c4a6e'
+        },
+        
+        // 情绪色彩
+        emotion: {
+          happy: '#fbbf24',
+          sad: '#3b82f6',
+          angry: '#ef4444',
+          calm: '#10b981',
+          excited: '#f97316',
+          anxious: '#8b5cf6'
+        },
+        
+        // 设计系统颜色
+        'tech-blue': '#4A90E2',
+        'warm-orange': '#F5A623',
+        'light-gray': '#F7F8FA',
+        'text-dark': '#333333',
+        'text-medium': '#888888'
+      },
+      
+      fontFamily: {
+        sans: ['Noto Sans SC', 'Inter', 'system-ui', 'sans-serif']
+      },
+      
+      animation: {
+        'fade-in': 'fadeIn 0.5s ease-in-out',
+        'slide-up': 'slideUp 0.3s ease-out',
+        'bounce-gentle': 'bounceGentle 2s infinite',
+        'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite'
+      },
+      
+      keyframes: {
+        fadeIn: {
+          '0%': { opacity: '0' },
+          '100%': { opacity: '1' }
+        },
+        slideUp: {
+          '0%': { transform: 'translateY(20px)', opacity: '0' },
+          '100%': { transform: 'translateY(0)', opacity: '1' }
+        },
+        bounceGentle: {
+          '0%, 100%': { transform: 'translateY(0)' },
+          '50%': { transform: 'translateY(-5px)' }
+        }
+      },
+      
+      spacing: {
+        '18': '4.5rem',
+        '88': '22rem',
+        '128': '32rem'
+      },
+      
+      borderRadius: {
+        '4xl': '2rem'
+      },
+      
+      boxShadow: {
+        'soft': '0 2px 15px 0 rgba(0, 0, 0, 0.1)',
+        'medium': '0 4px 25px 0 rgba(0, 0, 0, 0.15)',
+        'strong': '0 8px 35px 0 rgba(0, 0, 0, 0.2)'
+      },
+      
+      backdropBlur: {
+        xs: '2px'
+      }
+    }
+  },
+  plugins: [
+    require('@tailwindcss/forms'),
+    require('@tailwindcss/typography')
+  ],
+  
+  // 与Element Plus兼容
+  corePlugins: {
+    preflight: false
+  }
+}