Volist奇数偶数数据不同样式输出

最新推荐文章于 2022-10-12 17:29:01 发布

枫叶科技521124

最新推荐文章于 2022-10-12 17:29:01 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： thinkphp

本文链接：https://blog.youkuaiyun.com/qq605053977/article/details/62234142

thinkphp 专栏收录该内容

15 篇文章

订阅专栏

该博客展示了如何利用Volist标签在奇数和偶数位置展示不同的数据样式。内容包括根据key的奇偶性调整图片和文字内容的布局，通过条件判断控制元素的显示，提供了一种灵活的数据展示方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 <volist name='list1' id='vo'  key="k">
       <div class="row kuai">
            <if condition="$k%2== '0'">
            <div class="col-md-6 pm">
                <img src="{$vo.litpic}" width="100%" />
            </div>
            <else/>
            
            </if>
            
            <div class="col-md-6 right pm">
                 <h3>{$vo.typename}</h3> 
                 <h5>{$vo.englishName}</h5>  
                 <p>{$vo.content|msubstr=0,160}</p>
                 <a href="__URL__/member_shenqingAdd" class="bth btn-success btn-lg fright ">立即申请</a>
                 <a href="__URL__/article_xiangmu/typename/{$vo.typename}" class="bth btn-success btn-lg fright "  style="margin-right:20px;">了解更多</a> 
            </div>
            
            <if condition="$k%2== '1'">
            <div class="col-md-6 pm">
                <img src="{$vo.litpic}" width="100%" />
            </div>
            <else/>
            
            </if>
       </div><!--kuai end-->
 </volist>