Jafeng
8180d7a2ec
- 实现完整的数据分析和图表功能 - 创建 ECharts 图表组件（饼图、折线图、柱状图） - 开发分析服务和数据处理逻辑 - 实现智能洞察和趋势分析 - 支持灵活的时间范围筛选 - 完善用户体验和界面优化 - 添加动画和交互效果组件 - 创建骨架屏加载状态 - 实现悬浮操作按钮和快捷操作 - 开发完整的帮助系统 - 支持手势操作和键盘快捷键 - 完成分类和账户管理功能 - 创建分类管理界面和表单 - 实现账户管理和余额统计 - 支持自定义图标和颜色 - 完善数据管理页面 - 实现通知监听和自动记账功能 - 配置 Android 开发环境 - 开发通知监听 Capacitor 插件 - 实现前端通知处理逻辑 - 支持多平台支付通知解析 - 技术改进 - 完善 TypeScript 类型定义 - 优化组件架构和状态管理 - 增强 CSS 动画系统 - 提升移动端适配性
57 lines
1.6 KiB
JavaScript
57 lines
1.6 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{vue,js,ts,jsx,tsx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
// 温暖现代主义色彩方案
|
|
primary: {
|
|
DEFAULT: '#F97316', // 橙色
|
|
light: '#FB923C', // 浅橙色
|
|
dark: '#EA580C', // 深橙色
|
|
50: '#FFF7ED',
|
|
100: '#FFEDD5',
|
|
200: '#FED7AA',
|
|
300: '#FDBA74',
|
|
400: '#FB923C',
|
|
500: '#F97316',
|
|
600: '#EA580C',
|
|
700: '#C2410C',
|
|
800: '#9A3412',
|
|
900: '#7C2D12',
|
|
},
|
|
accent: {
|
|
blue: '#3B82F6', // 蓝色 - 收入相关
|
|
green: '#22C55E', // 绿色 - 成功状态
|
|
red: '#EF4444', // 红色 - 支出相关
|
|
orange: '#F97316', // 橙色 - 警告状态
|
|
},
|
|
// 自定义颜色
|
|
background: '#F5F5F4', // 背景色
|
|
surface: '#FFFFFF', // 卡片背景
|
|
border: '#E5E5E5', // 边框色
|
|
success: '#22C55E',
|
|
warning: '#F59E0B',
|
|
error: '#EF4444',
|
|
info: '#3B82F6',
|
|
'text-primary': '#333333', // 主要文本
|
|
'text-secondary': '#666666', // 次要文本
|
|
},
|
|
|
|
fontFamily: {
|
|
sans: ['Inter', 'Poppins', 'system-ui', 'sans-serif'],
|
|
},
|
|
borderRadius: {
|
|
'xl': '16px',
|
|
},
|
|
boxShadow: {
|
|
'neumorphic': '0 2px 8px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.1)',
|
|
'neumorphic-inset': 'inset 0 2px 4px rgba(0,0,0,0.1)',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
} |