任务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
42 lines
1.2 KiB
JavaScript
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: [],
|
|
} |