1.9 KiB
1.9 KiB
Schedule Invest Plan
Vue 3 + TypeScript 前端项目，技术栈：Vite、Vue Router、Pinia、Axios、vue-i18n、Sass、Element Plus。
开发
npm install
npm run dev
构建
npm run build
npm run preview
目录说明
| 路径 | 说明 |
|---|---|
src/api/http.ts |
Axios 实例与拦截器 |
src/i18n/ |
国际化配置（简体 / 繁体 / 英文） |
src/router/ |
路由 |
src/stores/ |
Pinia 状态 |
src/styles/ |
全局 Sass 与变量 |
src/views/RecurringInvestmentView.vue |
定期投资首页 |
src/element-plus/locale.ts |
Element Plus 语言与 URL lang 映射 |
src/types/components.d.ts |
组件自动导入类型（构建生成） |
Element Plus
- 通过
unplugin-vue-components+unplugin-auto-import按需引入组件。 - 根节点
el-config-provider语言随 URLlang同步（简/繁/英）。 - 深色模式：
theme=dark时为html增加dark类，并加载 Element Plus 深色 CSS 变量。
环境变量
开发环境见 .env.development：VITE_API_BASE_URL 为接口基础路径（默认 /api）。
URL 参数（语言与主题）
语言与主题仅通过 URL 查询参数控制（不再使用 localStorage）。
| 参数 | 取值 | 缺省 |
|---|---|---|
lang |
zh-TW / zh-CN / en-US（亦支持 locale） |
zh-TW |
theme |
dark / light（亦支持 night / day） |
dark |
示例：
http://localhost:5173/?lang=zh-TW&theme=darkhttp://localhost:5173/?lang=en-US&theme=light
顶栏切换语言或主题时会同步更新当前地址栏中的 lang、theme。
PC / 移动端适配
开发与评审须遵循 docs/RESPONSIVE_SPEC.md（断点、布局壳层、Sass mixin、useBreakpoint、Element Plus 栅格与表单约定）。
Cursor 已配置项目规则：.cursor/rules/（核心约定、响应式、Vue SFC 写法）。