Files
hunli/.workbuddy/memory/2026-07-31.md
2026-07-31 09:05:15 +08:00

1.9 KiB
Raw Blame History

2026-07-31 婚礼请柬优化(第二版)

完成了用户提出的三点需求:

  1. 背景音乐支持上传多首,后台选择当前播放曲目,前台仍可切换/暂停。
  2. 入场揭幕帘幕 UI 美化:双开门+毛玻璃印章徽标+背景图。
  3. 相册布局新增 瀑布流(masonry)、轮播(carousel)、拍立得(polaroid),并保留/优化单图布局;后台对柔性版式支持图片增删。

关键改动文件:

  • src/composables/useAudio.js:重写为多曲目 useAudio。
  • src/components/PhotoGallery.vue:新增 7 种版式渲染组件。
  • src/views/index/index.vue揭幕帘幕、多曲目音乐弹层、PhotoGallery。
  • src/views/admin/AdminEditor.vue:新增「背景音乐」标签页,相册版式下拉,柔性版式增删图片。
  • 配置字段迁移:musicUrlmusicList + activeMusicUrl,前后端均做了旧配置兼容。

验证:

  • node node_modules/vite/bin/vite.js build --outDir dist-verify 通过EXIT=0
  • 已清理临时构建输出到 D:/myCode/hunliji/_dist_verify_bak(环境安全删除机制损坏,无法真正删除,后续请手动清理)。
  • 开发服务器在 8888 正常运行,/admin 登录与编辑器可访问;新「背景音乐」标签可见。

2026-07-31 晚(追加)相册页可设置页高

新增需求:后台每个相册页可独立设置页面高度。

改动:

  • src/views/index/index.vue:相册页 section 绑定 pageHeightStyle(page),支持 100vh/80vh/60vh/auto/自定义vh
  • src/views/admin/AdminEditor.vue:每个相册页卡片新增「页面高度」选择器(满屏/大屏/半屏/自适应/自定义 vhensurePageShape 默认 height: '100vh',旧配置自动兼容。

验证:

  • 构建通过EXIT=0
  • 浏览器实测:注入测试 token 进入后台,相册页管理标签下「页面高度」控件正常渲染。