- 由于寫微信網頁時要用到微信網頁開發樣式庫weui.css文件,使用npm安裝依賴包(
npm install --save weui
)默認指向最新版本的weui版本。 - 然而跟著官方文檔所給的示例編寫網頁并測試發現總是無法產生樣式該有的效果。
浪費了一個晚上的時間,最后在好友的幫助下發現是weui.css文件更新但官方文檔所給的示例未更新導致這樣無謂的麻煩:- 更新后的weui.css文件中對控件的命名發生了改變,例如,原本weui_btn的類改為weui-btn, weui_btn_primary改為weui-btn_primary。
- 而官方文檔中的所給的示例仍然以weui_btn和weui_btn_primary命名,這導致引入最新版的weui.css文件并依據官方文檔編寫的網頁產生不了想要的效果。
官方文檔示例:
官方文檔所給示例.png
- 新版weui.css:
新的.png
新版.png
- 舊版weui.css:
舊的.png
舊版.png
- 由于這樣低級的錯誤所浪費的時間著實不該!
寫此文mark一下并給后來者一點提醒。。