PHP世纪论坛

 找回密码
 立即注册
搜索
查看: 253|回复: 0

tp 利用 volist 和 if 实现 html 标签样式

[复制链接]

12

主题

12

帖子

108

积分

版主

Rank: 7Rank: 7Rank: 7

积分
108
发表于 2016-9-23 18:56:25 | 显示全部楼层 |阅读模式
例子1:

        <ul id="shinee_cont">
              <volist name="data" id="vo" key='k'>
                <if condition="$k % 3 != '0'">
          <li>
                 <h5>角色:{$vo['fans_star_name']}</h5>
                  <img src="__PUBLIC__/{$vo['fans_url']}{$vo['fans_star_photo']}" alt="">
                  <p>{$vo['fans_palyer_name']}</p>
          </li>
              <else/>
        <li class="r">
                <h5>角色:{$vo['fans_star_name']}</h5>
                <img src="__PUBLIC__/{$vo['fans_url']}{$vo['fans_star_photo']}" alt="">
                <p>{$vo['fans_palyer_name']}</p>
         </li>
                  </if>
              </volist>
          </ul>

<volist  name="data" id='vo' key='k'></volist>
其中key=‘k’,相当于vo的下标。
当前端页面进行处理数据时,同一个标签里会有样式出现,如:

<li><li>
<li><li>
<li class='r'><li>
<li><li>
<li><li>
<li class='r'><li>
<li><li>
<li><li>
<li class='r'><li>
当出现这种情况时可以应用 tp中的 volist 和 if 标签进行处理。
<volist name="data" id="vo" key='k'>
                <if condition="$k % 3 != '0'">
                                <li><li>
                <else/>
                                <li class='r'><li>   
                </if>
</volist>


例子2:


图中的情况。
与例子1中的情况相似。在tp中自带的比较标签:
http://document.thinkphp.cn/manual_3_2/compare.html
<volist name="rank" id="vo" key='k'>
          <if condition="$k elt 3">
                  <li class="one">
                          <h3>{$vo['id']}</h3>
                          <span class="pic"><img src="__PUBLIC__/{$vo['ranklist_portrait_url']}{$vo['ranklist_portrait']}" alt=""></span>
                          <h4>{$vo['ranklist_player_name']}</h4>
                          <h5>{$vo['ranklist_grade']}</h5>
                  </li>
                <else/>
                  <li>
                          <h3>{$vo['id']}</h3>
                        <span class="pic"><img src="__PUBLIC__/{$vo['ranklist_portrait_url']}{$vo['ranklist_portrait']}" alt=""></span>
                        <h4>{$vo['ranklist_player_name']}</h4>
                        <h5>{$vo['ranklist_grade']}</h5>
                  </li>                               
        </if>
</volist>
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|PHP世纪论坛 ( 豫ICP备15004666号-2 )

GMT+8, 2018-1-19 23:32

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表