微信小程序 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 編譯校驗腳本(含漸變違規自動斷言)。文章給出觸發詞、典型復現場景與適用邊界,並說明安裝命令未能覈實、以官方頁面爲準。

閱讀全文