重命名前端项目目录：web-flowith -> web

- 将前端项目目录从 web-flowith 重命名为 web，使目录结构更简洁 - 保持所有前端代码和配置文件不变 - 统一项目目录命名规范
2025-07-24 22:20:19 +08:00
parent ca42a7d9a4
commit bbe8fcd776
57 changed files with 0 additions and 0 deletions
@@ -0,0 +1,141 @@
+<template>
+  <div id="app">
+    <a-config-provider :theme="themeConfig">
+      <router-view />
+    </a-config-provider>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { computed, onMounted } from 'vue'
+  import { useAppStore, useUserStore } from '@/stores'
+  import type { ThemeConfig } from 'ant-design-vue/es/config-provider'
+
+  const appStore = useAppStore()
+  const userStore = useUserStore()
+
+  // Ant Design 主题配置
+  const themeConfig = computed<ThemeConfig>(() => ({
+    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()
+  })
+</script>
+
+<style>
+  #app {
+    min-height: 100vh;
+    background-color: #f5f5f5;
+  }
+
+  /* 自定义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>