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

2020-12-28 12:00:33

導語:

layui程式碼修飾器官方說明檔案:

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

(學習視訊分享:)

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

a00754c1a02b22ef3b8dad6e91505a5.png

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

4035f0021c5fd15d414648792a0cfb1.png

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

e57ff0816e0fbf20b2d378d52ddd5b4.png

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

742c50ac3e61ae3b5a89e91c9eac19f.png

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

b2bbed5e296e618c1d0c754d6b30d10.png

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

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

相關推薦:

以上就是layui程式碼修飾器不顯示樣式怎麼解決的詳細內容,更多請關注TW511.COM其它相關文章!