首頁 >web前端 >Layui教程 >layui程式碼修飾器不顯示樣式怎麼解決

layui程式碼修飾器不顯示樣式怎麼解決

王林
王林轉載
2020-12-28 10:57:022481瀏覽

layui程式碼修飾器不顯示樣式怎麼解決

導語:

layui程式碼修飾器官方說明文件:

https://www.layui.com/doc/modules/code. html

(學習影片分享:程式設計影片

layui作為一款輕量前端框架對於我們這種非專業前端還是挺好用的。但是我在使用程式碼修飾器的時候遇到一個問題,變成下面這個樣子:

layui程式碼修飾器不顯示樣式怎麼解決

#本來應該是類似這個樣子,有標題有序號。

layui程式碼修飾器不顯示樣式怎麼解決

熟悉的樣式沒有載入進來的問題,lay系列一些外掛程式使用都需要將依賴的模組載入進來,類似於:

layui程式碼修飾器不顯示樣式怎麼解決

於是我瞪大狗眼,確實有寫啊,為什麼還是不生效呢,我仔細的看了下官方文檔:

layui程式碼修飾器不顯示樣式怎麼解決

也就是說程式碼修飾器的樣式是由code來決定的。而我的修飾器點擊面板展開後動態產生的,因此我應該在展開面板後再來渲染我面板內部的程式碼修飾器,像這樣子

layui程式碼修飾器不顯示樣式怎麼解決

總而言之,如果你的xxx樣式不生效:

1、有沒有成功載入依賴模組
2、有沒有正確渲染
3、還有一點,layuicode是預設透過尋找layui-code類別來尋找目標的。所以layui-code類別記得標註

相關推薦:layui教學

#

以上是layui程式碼修飾器不顯示樣式怎麼解決的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:csdn.net。如有侵權,請聯絡admin@php.cn刪除