1.9 KiB
1.9 KiB
2026-07-31 婚礼请柬优化(第二版)
完成了用户提出的三点需求:
- 背景音乐支持上传多首,后台选择当前播放曲目,前台仍可切换/暂停。
- 入场揭幕帘幕 UI 美化:双开门+毛玻璃印章徽标+背景图。
- 相册布局新增 瀑布流(masonry)、轮播(carousel)、拍立得(polaroid),并保留/优化单图布局;后台对柔性版式支持图片增删。
关键改动文件:
src/composables/useAudio.js:重写为多曲目 useAudio。src/components/PhotoGallery.vue:新增 7 种版式渲染组件。src/views/index/index.vue:揭幕帘幕、多曲目音乐弹层、PhotoGallery。src/views/admin/AdminEditor.vue:新增「背景音乐」标签页,相册版式下拉,柔性版式增删图片。- 配置字段迁移:
musicUrl→musicList + 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:每个相册页卡片新增「页面高度」选择器(满屏/大屏/半屏/自适应/自定义 vh),ensurePageShape默认height: '100vh',旧配置自动兼容。
验证:
- 构建通过(EXIT=0)。
- 浏览器实测:注入测试 token 进入后台,相册页管理标签下「页面高度」控件正常渲染。