最近我在寫前端頁面時,嘗試引入了微信官方推薦的樣式庫weui.css,但是卻發現無法正常應用。經過多番排查和嘗試,終于找到了問題所在。
<link rel="stylesheet" href="path/to/weui.css"> <script src="path/to/weui.js"></script>
我首先檢查了文件路徑是否正確,確認無誤后仍然沒有效果。接著我嘗試將weui.css的路徑改為CDN地址,但依舊無法應用。此時我開始懷疑是不是文件有問題,于是下載了最新版的weui.css 和 weui.js 文件,但仍然無法應用。
在我去官方網站上查看文檔時,發現一個關鍵點:
// 引入樣式 <link rel="stylesheet" href="path/to/weui.min.css"> // 引入JS <script src="path/to/zepto.min.js"></script> <script src="path/to/weui.min.js"></script>
原來我一直在引用weui.css,而正確的應該是weui.min.css。同時,需要引入zepto.min.js文件才能正常使用weui.js。終于解決了問題,樣式庫正常應用了。
在這個過程中,我也學習到了一個很重要的點:查看文檔是很重要的,不要只看別人的代碼或者自己猜測,有時一些重要的細節問題可能就在文檔里。
下一篇css邊框與文本