dedecms v57中 如何左侧显示多个二级栏目时如何设置当前的栏目样式,我写的代码没起作用
方法/步骤
1、首先我们在dedecms默认模板文件夹下面找到文件list_imaghtm文件,有人会问,为什么找这个文件呢?因为里面有调用代码,我们只有复制过来就可以了。
2、打开list_imaghtm文件,找到分页调用的代码段,正常情况是在30至34行,把这段代码复制下来粘贴到我们需要调用的地方。
3、接下来就是找这段代码的样式了,同样在list_imag里面找到css调用代码,正常情况在第8行,发现它调用了dedecmscss文件。
4、ok,我们在dedecms默认模板文件default/style下找到这个dedecmscss文件,打开它。发现它里面引入了layoutcss和pagecss。
5、我们同样在dedecms默认模板文件default/style下找到layoutcss和pagecss,打开他们
6、在刚才的分页调用代码段中,我发现它的class=“dede_pages”,那么我们在上面找的三个css文件里面搜索,看那个文件上有关于“dede_pages”的样式定义。结果在pagecss中查找到了,正常情况在第544至561行。代码如下图,把这段代码复制下来放到我们文件调用的css下面。
7、好的,现在刷新一下我们的页面,怎么样分页出来了吧,是不是很简单呢!
如果你要修改解析后显示的数据格式也可以在这里面修改(如添加class=XX)。
具体修改需要因目标站而决定。
因为很多目标站的分页不一样需要添加一些CLASS 这一步说添加class=XX 注意添加CLASS的时候一定要注意格式 添加格式为 class=\"thisclass\" 而不是class="thisclass"
这个我是用js的方法实现的。
1、左侧的列表正常调取
2、建立一个隐藏的div,里面的内容是当前栏目的标题
3、取到隐藏div的内容,去左侧栏目比对,相同则增加响应的class
效果蛮好,而且不用修改dede的代码,js组件很方便用。
有案例可看,如果需要可以私信我,这里发网址容易被屏蔽。
0条评论