移动端TAB标签页调用实例

1. <!--hot-->
   
2.   <ul class="nav nav-tabs" id="myTab">
   
3.     <li class="nav-item">
   
4.       <a class="nav-link font-weight-bold active" data-toggle="tab" href="#news">最新</a>
   
5.     </li>
   
6.     <li class="nav-item">
   
7.       <a class="nav-link font-weight-bold" data-toggle="tab" href="#views">热门</a>
   
8.     </li>
   
9.     <li class="nav-item">
   
10.       <a class="nav-link font-weight-bold" data-toggle="tab" href="#order">精选</a>
    
11.     </li>
    
12.   </ul>
    
13.   <div class="tab-content bg-white pt-3 pb-1 mb-2" id="myTabContent">
    
14.     <div class="tab-pane fade show active" id="news">
    
15.       {volist name="data" id="cms"}
    
16.         {include file="widget/item" /}
    
17.       {/volist}
    
18.     </div>
    
19.     <div class="tab-pane fade" id="views">
    
20.       {volist name=":cmsSelect(['field'=>'info_name,info_slug,info_action,info_create_time','status'=>'normal','limit'=>20,'sort'=>'info_views','order'=>'desc'])" id="cms"}
    
21.         {include file="widget/item" /}
    
22.       {/volist}
    
23.     </div>
    
24.     <div class="tab-pane fade" id="order">
    
25.       {volist name=":cmsSelect(['field'=>'info_name,info_slug,info_action,info_create_time','status'=>'normal','limit'=>20,'sort'=>'info_order','order'=>'desc'])" id="cms"}
    
26.         {include file="widget/item" /}
    
27.       {/volist}
    
28.     </div>
    
29.   </div>

复制代码