版本历史
20260921-2
音乐精灵对话交互全面优化(标题/头像/按钮/追问)+乐谱截断声部补齐+积分权益页布局调整(会员上移+星级打分+夜谱黑修复)
音乐精灵这次真的精灵了!标题回来了、头像认人了、按钮不抢空间了、夜谱黑下终于看得清了——每次聊完还甩3个追问给你接话,想冷场都难。乐谱截断也不怕了,缺的声部自动补上全休止符。权益页也重新排了座次:会员在上智力在下,打勾换成星级打分一目了然。
[1] 优化 【书笙OS】-全端 音乐精灵对话窗标题恢复+用户头像修复+按钮悬停浮出+夜谱黑可读性修复
[2] 新增 【书笙OS】-全端 音乐精灵追问问题:AI每次回复后自动展示3个引导问题,后端兜底生成+前端双保险
[3] 修复 【书笙OS】-全端 乐谱生成截断修复:AI输出截断时自动补齐缺失声部
[4] 优化 【书笙OS】-全端 积分与权益页:会员体系上移、智力水平下移、对比表改星级打分、夜谱黑白底白字修复
音乐精灵对话交互全面优化(标题/头像/按钮/追问)+乐谱截断声部补齐+积分权益页布局调整(会员上移+星级打分+夜谱黑修复)
音乐精灵这次真的精灵了!标题回来了、头像认人了、按钮不抢空间了、夜谱黑下终于看得清了——每次聊完还甩3个追问给你接话,想冷场都难。乐谱截断也不怕了,缺的声部自动补上全休止符。权益页也重新排了座次:会员在上智力在下,打勾换成星级打分一目了然。
- [1] 【书笙OS】-全端 音乐精灵对话窗标题恢复+用户头像修复+按钮悬停浮出+夜谱黑可读性修复
- [2] 【书笙OS】-全端 音乐精灵追问问题:AI每次回复后自动展示3个引导问题,后端兜底生成+前端双保险
- [3] 【书笙OS】-全端 乐谱生成截断修复:AI输出截断时自动补齐缺失声部
- [4] 【书笙OS】-全端 积分与权益页:会员体系上移、智力水平下移、对比表改星级打分、夜谱黑白底白字修复
20260919-6
AI乐谱工具·夜谱黑主题下乐谱失败/空状态文字白底白字修复
昨天修了骨架屏的白底白字,今天发现乐谱生成失败时弹出来的提示也是白的——"这份乐谱没有生成成功"标题、错误说明、空状态图标,在夜谱黑主题下全糊在白纸上看不清。这次把 JS 动态注入到谱面区的所有空状态(任务失败、渲染失败、无乐谱、MIDI JSON 输出)都顺手修了,用 .score-host .empty 后代选择器精准覆盖,深色墨字配浅色纸面,卡片里的空状态不受影响。宣纸墨主题也一起修了,按钮配色都跟着调了。
[1] 修复 【AI乐谱生成器】-全端 乐谱详情页在夜谱黑(nocturne)主题下,乐谱生成失败/渲染失败/无任务参数时,JS 通过 SM.empty() 注入到谱面区域(#scoreHost)的空状态组件(.empty)文字看不清:标题(.empty h3)继承主题 --ink 变量=夜谱黑下近白色,写在白色纸面背景上等于白字白底完全看不见;说明文字(.empty p)用 --ink-3 灰色在白底上也很淡;图标容器(.empty-ic)浅紫色在白底上对比度不足。现已用 .score-host .empty 后代选择器为夜谱黑和宣纸墨两个深色主题分别添加独立的纸面墨色覆盖,精确覆盖谱面区域内的空状态,不影响卡片内的 .empty 组件
[2] 修复 【AI乐谱生成器】-全端 谱面区域内的幽灵按钮(.btn-ghost)在夜谱黑下背景几乎透明、文字浅灰,在白底上看不清;已为 .score-host .btn-ghost 添加纸面配色覆盖
[3] 优化 【AI乐谱生成器】-全端 CSS设计系统注释与开发文档同步更新纸面元素配色规则,补充 .empty 空状态的覆盖说明
AI乐谱工具·夜谱黑主题下乐谱失败/空状态文字白底白字修复
昨天修了骨架屏的白底白字,今天发现乐谱生成失败时弹出来的提示也是白的——"这份乐谱没有生成成功"标题、错误说明、空状态图标,在夜谱黑主题下全糊在白纸上看不清。这次把 JS 动态注入到谱面区的所有空状态(任务失败、渲染失败、无乐谱、MIDI JSON 输出)都顺手修了,用 .score-host .empty 后代选择器精准覆盖,深色墨字配浅色纸面,卡片里的空状态不受影响。宣纸墨主题也一起修了,按钮配色都跟着调了。
- [1] 【AI乐谱生成器】-全端 乐谱详情页在夜谱黑(nocturne)主题下,乐谱生成失败/渲染失败/无任务参数时,JS 通过 SM.empty() 注入到谱面区域(#scoreHost)的空状态组件(.empty)文字看不清:标题(.empty h3)继承主题 --ink 变量=夜谱黑下近白色,写在白色纸面背景上等于白字白底完全看不见;说明文字(.empty p)用 --ink-3 灰色在白底上也很淡;图标容器(.empty-ic)浅紫色在白底上对比度不足。现已用 .score-host .empty 后代选择器为夜谱黑和宣纸墨两个深色主题分别添加独立的纸面墨色覆盖,精确覆盖谱面区域内的空状态,不影响卡片内的 .empty 组件
- [2] 【AI乐谱生成器】-全端 谱面区域内的幽灵按钮(.btn-ghost)在夜谱黑下背景几乎透明、文字浅灰,在白底上看不清;已为 .score-host .btn-ghost 添加纸面配色覆盖
- [3] 【AI乐谱生成器】-全端 CSS设计系统注释与开发文档同步更新纸面元素配色规则,补充 .empty 空状态的覆盖说明
20260919-4
AI乐谱工具·夜谱黑主题下乐谱详情页骨架屏白底白字修复
用夜谱黑主题打开乐谱详情页,载入骨架屏那段原本是白底白字——标题、进度提示、说明文字全糊在白纸上根本看不清,现在用独立的纸面墨色重新上了色,深色文字配浅色纸面,一眼就看得清了;宣纸墨主题同样顺手修了,配色更协调
[1] 修复 【AI乐谱生成器】-全端 乐谱详情页在夜谱黑(nocturne)主题下,骨架屏载入区域(.score-load)的标题(.sl-t)、进度提示(.sl-step)、说明文字(.sl-tips)使用了主题文字变量——ink,在夜谱黑下接近白色,写在白色纸面背景上等于白字白底完全看不见;进度条轨道(.sl-bar)和加载转圈(.sl-step .spin)的边框同样用了深色主题变量,在白底上不协调。现已为夜谱黑和宣纸墨两个深色主题分别添加独立的纸面墨色覆盖,与谱面抬头(.score-head)的纸面墨色变量(--sh-ink)保持同一思路
[2] 优化 【AI乐谱生成器】-全端 CSS设计系统顶部注释新增第五条规则:纸面元素(谱面容器、骨架屏、谱面片段)背景恒为浅色,其文字不可用主题ink变量,须用独立纸面墨色变量或在主题块中单独覆盖,避免同类问题再次出现
AI乐谱工具·夜谱黑主题下乐谱详情页骨架屏白底白字修复
用夜谱黑主题打开乐谱详情页,载入骨架屏那段原本是白底白字——标题、进度提示、说明文字全糊在白纸上根本看不清,现在用独立的纸面墨色重新上了色,深色文字配浅色纸面,一眼就看得清了;宣纸墨主题同样顺手修了,配色更协调
- [1] 【AI乐谱生成器】-全端 乐谱详情页在夜谱黑(nocturne)主题下,骨架屏载入区域(.score-load)的标题(.sl-t)、进度提示(.sl-step)、说明文字(.sl-tips)使用了主题文字变量——ink,在夜谱黑下接近白色,写在白色纸面背景上等于白字白底完全看不见;进度条轨道(.sl-bar)和加载转圈(.sl-step .spin)的边框同样用了深色主题变量,在白底上不协调。现已为夜谱黑和宣纸墨两个深色主题分别添加独立的纸面墨色覆盖,与谱面抬头(.score-head)的纸面墨色变量(--sh-ink)保持同一思路
- [2] 【AI乐谱生成器】-全端 CSS设计系统顶部注释新增第五条规则:纸面元素(谱面容器、骨架屏、谱面片段)背景恒为浅色,其文字不可用主题ink变量,须用独立纸面墨色变量或在主题块中单独覆盖,避免同类问题再次出现