✨ 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:
@@ -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,
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user