最近在制作小说模型，我在制作模版时，有时碰到这样的情况，第一条信息：含图片，作者，标题，而第二条开始只有标题了，不管用万能，还是用灵动，他们循环调用信息时，只能含统一的标签，比如全部只有标题，或者全部都有图片，作者，标题，如果想做成
我想到一个笨方法，全部显示图片，标题，作者，第二条开始就用CSS隐藏图片，作者，用到CSS，我们就可以用num序列控制class名称就好了，
查看源代码：
<ul class="rank-1">
<li class="top topred">
<span class="num">1</span>
<dl class="book-block"> <!--思良：dl里面是第一条，含图片，作者，标题 -->
<dt>
<a href="/home/novel/index/id/2.html" target="_blank">
<img class="lazyimg" data-original="http://192.168.1.100:88/uploads/novel/20200325/2adb57b6ae938b7b8c76157e2e3e88d7.jpg" src=""></a>
</dt>
<dd>
<a href="/home/novel/index/id/2.html" target="_blank" class="book-name">南宋第一卧底</a>
<span class="book-author">作者：思良</span>
</dd>
</dl>
</li>
<li class="topred"> <!--思良：后面Li里面只含标题了 -->
<span class="num">2</span> <a class="book-list-f" href="/home/novel/index/id/1.html" target="_blank">铁路往事</a>
</li>
<li class="topred">
<span class="num">3</span>
...........<!--思良：后面一样的了 -->
</ul>
模版代码就这样写：
<ul class="rank-1">
[e:loop={261,10,0,0}] <!--思良：指定栏目id为261,10条信息 -->
<li class="top topred">
<span class="num"><?=$bqno?></span><!--思良：$bqno控制显示序列号 -->
<dl class="book-block num<?=$bqno?>"><!--思良：通过$bqno控制dl的class名称 -->
<dt>
<a href="<?=$bqsr['titleurl']?>" target="_blank">
<img class="lazyimg" data-original="<?=$bqr['titlepic']?>" src="">
</a></dt>
<dd>
<a href="<?=$bqsr['titleurl']?>" target="_blank" class="book-name"><?=$bqr['title']?></a><!--思良：显示标题 -->
<span class="book-author">作者：<?=$bqr['writer']?></span></dd>
</dl>
<div class="numb<?=$bqno?>"><a class="book-list-f" href="<?=$bqsr['titleurl']?>" target="_blank"><?=$bqr['title']?></a></div><!--思良：重复显示标题，并多加个一个隐藏层，而且区别上面的名称多加一个字母b[numb]。这样是为了：如果是第一条隐藏这个标题，第二条开始只显示这个标题了,隐藏上面图片，作者，第一条标题。 -->
</li>
[/e:loop]
</ul>
css代码：
.num2,.num3,.num4,.num5,.num6,.num7,.num8,.num9,.num10,numb1{ display:none;}/*思良：显示10条信息，所以都要隐藏这些层，class名称可以自定义的*/
有什么好的方法跟帖啊！
|
顶部 
加入收藏夹
2020-03-26 12:59:58 
已设置保密
回复
引用
报告
编辑
删除
