微信web开发样式库官方文档未更新导致的蛋疼后果

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

你可能感兴趣的:(微信web开发样式库官方文档未更新导致的蛋疼后果)