bw-mini-app

Commit Graph

Author	SHA1	Message	Date
杨明明	e37e7334cd	feat: 实现左右对比效果，原图和效果图各占一半 - 重新设计图片对比区域，实现左右分屏布局 - 原图展示在左半边，效果图展示在右半边，各占50%宽度 - 添加中央分割线和圆形交互手柄，带有左右箭头图标 - 标签位置调整到图片底部中央，使用毛玻璃效果 - 统一图片高度180px，确保视觉平衡和完美对比 - 保持圆角设计和阴影效果，提升视觉体验 - 更新设计预览文档，记录左右对比的实现细节	2025-09-03 17:30:32 +08:00
杨明明	68dc675e84	feat: 美化home页面，实现瀑布流布局展示模板对比效果 - 重新设计TemplateCard组件，突出展示input原图和output效果图的对比 - 实现瀑布流布局，每行2列，充分利用屏幕空间 - 添加渐变色标题和现代化的卡片设计 - 使用CSS Grid实现响应式布局，兼容小程序环境 - 原图和效果图都有清晰的标签标识（蓝色原图，绿色效果） - 添加箭头指示转换过程，使用渐变背景和阴影效果 - 扩展模板数据，添加6个不同的AI处理功能 - 包含标签系统和积分成本信息展示 - 添加设计预览文档	2025-09-03 17:20:55 +08:00

Author

SHA1

Message

Date

杨明明

e37e7334cd

feat: 实现左右对比效果，原图和效果图各占一半

- 重新设计图片对比区域，实现左右分屏布局
- 原图展示在左半边，效果图展示在右半边，各占50%宽度
- 添加中央分割线和圆形交互手柄，带有左右箭头图标
- 标签位置调整到图片底部中央，使用毛玻璃效果
- 统一图片高度180px，确保视觉平衡和完美对比
- 保持圆角设计和阴影效果，提升视觉体验
- 更新设计预览文档，记录左右对比的实现细节

2025-09-03 17:30:32 +08:00

杨明明

68dc675e84

feat: 美化home页面，实现瀑布流布局展示模板对比效果

- 重新设计TemplateCard组件，突出展示input原图和output效果图的对比
- 实现瀑布流布局，每行2列，充分利用屏幕空间
- 添加渐变色标题和现代化的卡片设计
- 使用CSS Grid实现响应式布局，兼容小程序环境
- 原图和效果图都有清晰的标签标识（蓝色原图，绿色效果）
- 添加箭头指示转换过程，使用渐变背景和阴影效果
- 扩展模板数据，添加6个不同的AI处理功能
- 包含标签系统和积分成本信息展示
- 添加设计预览文档

2025-09-03 17:20:55 +08:00

2 Commits