图生图 风格转换
Go to file
杨明明 be582a668a fix: 修复图片变形问题并优化瀑布流布局
� 图片显示修复:
- 改用mode='aspectFit'替代aspectFill,保持图片完整比例
- 设置height: auto让图片高度自适应,避免变形
- 限制宽度但不限制高度,确保图片不被拉伸
- 使用flexbox居中对齐图片显示

� 瀑布流布局优化:
- 简化CSS布局,使用标准grid布局替代复杂的flex+grid混合方案
- 移除不必要的max-height和flex-wrap属性
- 删除TemplateCard的margin-bottom,使用grid gap统一间距
- 确保小程序环境下的兼容性和稳定性

� 样式细节调整:
- 容器使用min-height和max-height控制高度范围
- 添加line-clamp标准属性提升CSS兼容性
- 优化响应式断点,确保不同屏幕尺寸下的良好显示
- 保持卡片圆角和阴影效果

 预期效果:
- 图片不再变形,保持原始宽高比
- 瀑布流布局正确显示为2列网格
- 拖拽功能正常,图片尺寸稳定
- 在微信小程序中完美兼容
2025-09-03 17:53:47 +08:00
.husky feat: 初始化 Taro 3.8 图生图风格转换小程序项目 2025-09-01 11:22:03 +08:00
config feat: 配置 TailwindCSS 并迁移到 Redux 2025-09-03 16:33:06 +08:00
src fix: 修复图片变形问题并优化瀑布流布局 2025-09-03 17:53:47 +08:00
tests feat: 完善 TDD 开发环境配置 2025-09-01 13:19:17 +08:00
types feat: 初始化 Taro 3.8 图生图风格转换小程序项目 2025-09-01 11:22:03 +08:00
.editorconfig feat: 初始化 Taro 3.8 图生图风格转换小程序项目 2025-09-01 11:22:03 +08:00
.env.development feat: 平台适配优化和代码重构 2025-09-02 17:40:45 +08:00
.env.production feat: 平台适配优化和代码重构 2025-09-02 17:40:45 +08:00
.env.test feat: 平台适配优化和代码重构 2025-09-02 17:40:45 +08:00
.eslintrc feat: 初始化 Taro 3.8 图生图风格转换小程序项目 2025-09-01 11:22:03 +08:00
.gitignore feat: 初始化 Taro 3.8 图生图风格转换小程序项目 2025-09-01 11:22:03 +08:00
CLAUDE.md feat: 完善 TDD 开发环境配置 2025-09-01 13:19:17 +08:00
DESIGN_PREVIEW.md feat: 实现可拖拽分割线功能,支持动态调整对比比例 2025-09-03 17:41:35 +08:00
TODO.md feat: 配置 TailwindCSS 并迁移到 Redux 2025-09-03 16:33:06 +08:00
babel.config.js feat: 初始化 Taro 3.8 图生图风格转换小程序项目 2025-09-01 11:22:03 +08:00
commitlint.config.mjs feat: 初始化 Taro 3.8 图生图风格转换小程序项目 2025-09-01 11:22:03 +08:00
jest.config.js feat: 完善 TDD 开发环境配置 2025-09-01 13:19:17 +08:00
mini-app.md feat: 添加图标 2025-09-03 15:57:27 +08:00
package.json feat: 配置 TailwindCSS 并迁移到 Redux 2025-09-03 16:33:06 +08:00
pnpm-lock.yaml feat: 配置 TailwindCSS 并迁移到 Redux 2025-09-03 16:33:06 +08:00
postcss.config.js feat: 配置 TailwindCSS 并迁移到 Redux 2025-09-03 16:33:06 +08:00
project.config.json feat: 平台适配优化和代码重构 2025-09-02 17:40:45 +08:00
project.private.config.json feat: 平台适配优化和代码重构 2025-09-02 17:40:45 +08:00
project.tt.json fix: 需要个 配置文件 2025-09-02 17:21:08 +08:00
stylelint.config.mjs feat: 初始化 Taro 3.8 图生图风格转换小程序项目 2025-09-01 11:22:03 +08:00
tailwind.config.js feat: 配置 TailwindCSS 并迁移到 Redux 2025-09-03 16:33:06 +08:00
tsconfig.json feat: 完善 TDD 开发环境配置 2025-09-01 13:19:17 +08:00