Files
bill/frontend/tailwind.config.js
Jafeng 49fcc374f6 feat: 完成任务1 - 建立项目版本管理和基础架构
任务1.1  初始化 Git 版本控制
- 建立 Git 仓库并连接到阿里云服务器
- 创建 .gitignore 和项目文档
- 建立 master/develop 分支管理策略

任务1.2  搭建前端项目基础架构
- 创建 Vue.js 3 + TypeScript 项目
- 集成 Tailwind CSS 和温暖现代主义设计系统
- 实现基础 UI 组件库(BaseButton, BaseCard, BaseInput)
- 建立路由结构和页面组件
- 配置 Vite 构建工具

任务1.3  配置 Capacitor 和本地存储
- 集成 Capacitor.js 并生成 Android 项目
- 配置 SQLite 数据库和数据模型
- 实现完整的数据库服务层
- 创建 Pinia 状态管理 store
- 建立本地数据 CRUD 操作基础

技术栈:Vue 3 + TypeScript + Tailwind CSS + Capacitor + SQLite
2025-08-14 15:35:42 +08:00

42 lines
1.2 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', // 深橙色
},
accent: {
blue: '#3B82F6', // 蓝色 - 收入相关
green: '#22C55E', // 绿色 - 成功状态
red: '#EF4444', // 红色 - 支出相关
},
background: '#F5F5F4', // 背景色
surface: '#FFFFFF', // 卡片背景
text: {
primary: '#333333', // 主要文本
secondary: '#666666', // 次要文本
},
border: '#E5E5E5', // 边框色
},
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: [],
}