feat: 应用界面重构 - 从模板中心到AI内容生成平台

- 重构首页:从模板列表展示改为AI功能展示界面
- 更新底部导航:将explore改为content,index改为home
- 新增多个页面:积分、兑换、历史记录、结果展示、设置等
- 优化UI组件:新增通用按钮、分类标签、加载状态等组件
- 清理冗余文件:删除旧的认证文档和积分详情页面
- 更新主题配置:调整配色方案和视觉风格
- 修复导入路径:优化组件导入结构

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
imeepos
2025-10-31 17:53:56 +08:00
parent 668caaa91f
commit b9399bf4cf
38 changed files with 5641 additions and 1663 deletions

View File

@@ -41,6 +41,113 @@ export const Colors = {
imagePlaceholder: '#2C2E2F',
error: '#ff453a',
},
brand: {
primary: '#007AFF',
secondary: '#4ECDC4',
points: '#FF6B6B',
success: '#07C160',
danger: '#FF4444',
warning: '#FF9500',
},
text: {
primary: '#333333',
secondary: '#666666',
tertiary: '#999999',
},
background: {
primary: '#F5F5F5',
secondary: '#FFFFFF',
tertiary: '#FAFAFA',
},
border: '#E0E0E0',
};
export const Spacing = {
xs: 4,
sm: 8,
md: 16,
lg: 20,
xl: 24,
xxl: 32,
};
export const BorderRadius = {
sm: 8,
md: 12,
lg: 16,
xl: 20,
xxl: 28,
full: 999,
};
export const FontSize = {
xs: 12,
sm: 14,
md: 16,
lg: 18,
xl: 20,
xxl: 24,
title: 28,
};
export const Shadow = {
small: {
shadowColor: '#000000',
shadowOffset: {
width: 0,
height: 2,
},
shadowOpacity: 0.05,
shadowRadius: 4,
elevation: 2,
},
medium: {
shadowColor: '#000000',
shadowOffset: {
width: 0,
height: 4,
},
shadowOpacity: 0.1,
shadowRadius: 8,
elevation: 4,
},
large: {
shadowColor: '#000000',
shadowOffset: {
width: 0,
height: 8,
},
shadowOpacity: 0.15,
shadowRadius: 12,
elevation: 8,
},
};
export const Animation = {
scale: {
pressed: 0.98,
},
duration: {
fast: 200,
normal: 300,
slow: 500,
},
};
export const Layout = {
headerHeight: 56,
buttonHeight: {
small: 36,
medium: 48,
large: 56,
},
tabBarHeight: 60,
safeAreaPadding: {
top: 16,
bottom: 16,
left: 16,
right: 16,
},
};
export const Fonts = Platform.select({
@@ -67,3 +174,13 @@ export const Fonts = Platform.select({
mono: "SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
},
});
export const Theme = {
colors: Colors,
spacing: Spacing,
borderRadius: BorderRadius,
fontSize: FontSize,
shadow: Shadow,
animation: Animation,
layout: Layout,
};