联系官方销售客服

1835022288

028-61286886

问题 求助问题 分享经验 开发需求
POSCMS 版主：POSCMS负责人
bootstap 选项卡问题
迅睿粉丝
类型：POSCMS 更新时间：2017-08-18 07:50:26

<div class="col-lg-7">

                      <div class="row">

                        <ul class="nav nav-tabs">

                          {list action=category module=news mid=news pid=0}

                          <li class=“active”> <a href="#qq{$key+1}" data-toggle="tab">{$t.name}</a> </li>

                          {/list}

                        </ul>

                        <div class="tab-content"> {list action=category module=news mid=news pid=0}

                          <div class="tab-pane fade in active" id="qq{$key+1}">

                            <ul class="list-unstyled syul">

                              {list action=module module=news catid=$t.id order=updatetime num=20 return=c}

                              <li><span class="badge badge-empty badge-success"></span> <a href="{$c.url}" class="title" title="{$c.title}">{dr_strcut($c.title, 40)}</a><span class="sj">{dr_date($c._updatetime, 'm/d', 'red')}&nbsp;&nbsp;</span> </li>

                              {/list}

                            </ul>

                          </div>

                          {/list} </div>

                      </div>

                    </div>




blob.png


下图片是要显示效果   打开网页默认展开一项


blob.png


回帖
  • 迅睿粉丝
    #1楼    迅睿粉丝
    2017-08-18 06:21:36
    0 
    <div class="col-lg-7">
                      <div class="row">
                        <ul class="nav nav-tabs">
                          {list action=category module=news mid=news pid=0}
                          <li class=“{if !$key}active{/if}”> <a href="#qq{$key+1}" data-toggle="tab">{$t.name}</a> </li>
                          {/list}
                        </ul>
                        <div class="tab-content"> {list action=category module=news mid=news pid=0}
                          <div class="tab-pane fade in {if !$key}active{/if}" id="qq{$key+1}">
                            <ul class="list-unstyled syul">
                              {list action=module module=news catid=$t.id order=updatetime num=20 return=c}
                              <li><span class="badge badge-empty badge-success"></span> <a href="{$c.url}" class="title" title="{$c.title}">{dr_strcut($c.title, 40)}</a><span class="sj">{dr_date($c._updatetime, 'm/d', 'red')}&nbsp;&nbsp;</span> </li>
                              {/list}
                            </ul>
                          </div>
                          {/list} </div>
                      </div>
                    </div>
    满意答案
  • 迅睿粉丝
    #2楼    迅睿粉丝
    2017-08-18 07:50:26
    0
    感谢大家给我解决此问题，我已经完美的解决