layui代码修饰器不显示样式怎么解决

导语:

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教程

以上就是layui代码修饰器不显示样式怎么解决的详细内容,更多请关注web前端教程网