[修复] 【书笙OS作品集】-全端 封面翻页黑屏/空白
翻开作品集封面时先空白再显示第二页——根因有三层:①翻页引擎StPageFlip的drawHard/drawSoft/simpleDraw均通过cssText覆盖元素全部内联样式(不含background),封面背景色原来用内联style设置,翻页时cssText覆盖导致background丢失→黑屏;②backface-visibility:visible!important导致hard翻页时正背面同时可见、内容穿透,翻页效果只剩光影;③showCover=true时引擎createSpread自动将封面设为hard密度触发drawHard渲染。修复:封面背景色改用<style>标签注入CSS规则(不受cssText覆盖);移除backface-visibility:visible!important恢复引擎默认翻页效果;封面/封底不设density=hard+showCover=false,所有页面统一soft密度翻页。
[优化] 【书笙OS作品集】-全端 A4模式移动端排版一致性修复
手机上访问A4模式作品集时,@media(max-width:600px)的移动端样式会覆盖A4横排布局,导致作品信息被挤到图片底部而非旁边。现已将移动端上下布局样式限定为仅非A4模式生效(#book-wrap:not(.a4-mode)),A4模式下无论手机还是电脑都保持横排布局(图片+信息栏并排),与A4打印结果完全一致。
[修复] 【书笙OS作品集】-全端 A4模式移动端排版全面一致性修复
①奇数页作品信息栏未跟随侧签方向:原@media(min-width:601px)中的flex-direction:row-reverse在手机(≤600px)不生效,A4模式下奇数页信息栏未镜像到左缘。已提取为无条件全局样式,A4模式不论屏幕宽度都生效。②目录每页数量不一致:buildTOCPages中window.innerWidth<600在A4模式移动端仍触发fixedPerPage=26,导致目录条目数与PC端(动态计算55~62条)不一致。已改为A4模式优先判断走动态计算。③所有移动端排版样式(page-face padding/封面字号/扉页目录padding字号等)全部加#book-wrap:not(.a4-mode)限定,A4模式下不生效。
[修复] 【书笙OS作品集】-全端 侧签与目录重叠修复+字号体系统一
①侧签字号/宽度/padding改为calc(Npx*var(--fs,1))缩放,与目录/作品页字号体系统一;②目录页padding-right从48px增大到56px(奇数页同步),给侧签更多空间避免视觉重叠;③作品页padding-right从22px增大到36px,与侧签实际宽度(36px+border)匹配避免重叠。
[优化] 【书笙OS作品集】-全端 跨设备字号间距完全统一
扉页、前言、目录等页面在不同设备上文字尺寸和间距不一致——根因是部分间距值(padding、margin、gap等)仍为固定px未走var(--fs)缩放,字号缩了但间距没缩导致比例失调。现已将扉页/前言/目录/侧签/作品页中所有固定px值统一改为calc(Npx*var(--fs,1)),A4模式下--fs=1保持固定物理尺寸跨设备完全一致,自适应模式下字号和间距随屏幕等比缩放。同时移除界面中所有英文文字(跳转、A4纵向、导出、智能、地址)。