feat: 完成情绪博物馆项目重构和功能增强 - 新增日记评论和帖子功能 - 重构前端架构，优化用户体验 - 完善WebSocket通信机制 - 更新项目文档和部署配置

web/src/App.vue

@@ -1,140 +1,25 @@
 <template>
-  <div id="app">
-    <a-config-provider :theme="themeConfig">
-      <router-view />
-    </a-config-provider>
+  <div id="app" class="min-h-screen bg-light-gray">
+    <router-view />
   </div>
 </template>
 
 <script setup lang="ts">
-  import { computed, onMounted } from 'vue'
-  import { useAppStore, useUserStore } from '@/stores'
+import { onMounted } from 'vue'
 
-  const appStore = useAppStore()
-  const userStore = useUserStore()
-
-  // Ant Design 主题配置
-  const themeConfig = computed(() => ({
-    token: {
-      colorPrimary: appStore.theme.primaryColor,
-      colorSuccess: '#52c41a',
-      colorWarning: appStore.theme.secondaryColor,
-      colorError: '#ff4d4f',
-      colorInfo: appStore.theme.primaryColor,
-      borderRadius: 8,
-      fontFamily: "'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
-    },
-    components: {
-      Button: {
-        borderRadius: 20,
-        controlHeight: 40,
-      },
-      Input: {
-        borderRadius: 8,
-        controlHeight: 40,
-      },
-      Card: {
-        borderRadius: 12,
-      },
-    },
-  }))
-
-  onMounted(() => {
-    // 初始化应用
-    appStore.init()
-    userStore.initUser()
-  })
+// 根组件逻辑
+onMounted(() => {
+  // 初始化Lucide图标
+  if (window.lucide) {
+    window.lucide.createIcons()
+  }
+})
 </script>
 
-<style lang="scss">
+<style>
 #app {
-  min-height: 100vh;
-  background-color: #f5f5f5;
+  font-family: 'Noto Sans SC', system-ui, sans-serif;
+  background-color: var(--light-gray);
+  color: var(--text-dark);
 }
-
-/* 自定义Ant Design样式 */
-.ant-btn {
-  font-weight: 500;
-  transition: all 0.3s ease;
-
-  &:hover {
-    transform: translateY(-1px);
-  }
-
-  &.ant-btn-primary {
-    background: linear-gradient(135deg, #4a90e2 0%, #5ba0f2 100%);
-    border: none;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-
-    &:hover {
-      background: linear-gradient(135deg, #5ba0f2 0%, #6bb0ff 100%);
-      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
-    }
-  }
-
-  &.ant-btn-orange {
-    background: linear-gradient(135deg, #ff7849 0%, #ff8859 100%);
-    border: none;
-    color: white;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-
-    &:hover {
-      background: linear-gradient(135deg, #ff8859 0%, #ff9869 100%);
-      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
-      color: white;
-    }
-  }
-}
-
-.ant-card {
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
-  border: none;
-  transition: all 0.3s ease;
-
-  &:hover {
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-    transform: translateY(-2px);
-  }
-}
-
-.ant-input,
-.ant-input-affix-wrapper {
-  border-radius: 12px;
-  border: 1px solid #e8e8e8;
-  transition: all 0.3s ease;
-
-  &:hover,
-  &:focus,
-  &.ant-input-affix-wrapper-focused {
-    border-color: #4a90e2;
-    box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);
-  }
-}
-
-.ant-message {
-  .ant-message-notice-content {
-    border-radius: 12px;
-    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
-  }
-}
-
-/* 滚动条美化 */
-.ant-layout-content {
-  &::-webkit-scrollbar {
-    width: 6px;
-  }
-
-  &::-webkit-scrollbar-track {
-    background: transparent;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background: rgba(0, 0, 0, 0.1);
-    border-radius: 3px;
-
-    &:hover {
-      background: rgba(0, 0, 0, 0.2);
-    }
-  }
-}
-</style> 
+</style>