微信小程序 Skyline 样式守卫:写 WXSS 前先对一遍清单
介绍 SkillHub 上的社区 Skill「微信小程序 Skyline 样式守卫」(@user_4edac78e/taro-skyline-wxss,版本 1.0.1)。它面向 Taro + 微信小程序 Skyline 渲染项目的 WXSS 编写与修改,整理四类内容:Skyline 样式支持黑名单(radial-gradient 只支持 circle、尺寸只支持 px、background-image 最多 2 个值、box-shadow 不支持叠加、backdrop-filter/filter 只支持单 function、无 inline-block、无属性选择器)、默认值差异(border-width 默认 3、box-sizing 默认 border-box、display 默认 flex)、布局与滚动陷阱(flex-wrap+gap 首行错位、scroll-view 偏移被 setData 重置、横滚 scroll-into-view 不生效须改用受控 scroll-left 加交替 1px 偏移、scroll-view 裁掉撑满高度子项的 box-shadow、scroll-into-view 常驻生效),以及不依赖 devtools 的 SCSS 编译校验脚本(含渐变违规自动断言)。文章给出触发词、典型复现场景与适用边界,并说明安装命令未能核实、以官方页面为准。
阅读全文