- 由于写微信网页时要用到微信网页开发样式库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文件并依据官方文档编写的网页产生不了想要的效果。
官方文档示例:
- 新版weui.css:
- 旧版weui.css:
- 由于这样低级的错误所浪费的时间着实不该!
写此文mark一下并给后来者一点提醒。。