La balise thinkphp implémente le code du carrousel bootsrtap

Cet article vous présente la balise thinkphp pour implémenter l'exemple de code du carrousel bootsrtap. Elle est très bonne et a une valeur de référence. Les amis qui en ont besoin peuvent s'y référer

Car le premier p du carrousel. le carrousel doit être défini sur actif Pour que le style s'affiche normalement, les points ci-dessus ont également besoin de chiffres

Utilisez la balise volist pour obtenir l'indice pendant la boucle (les balises foreach et for ne peuvent pas être implémentées) <.>

<p class="Container">
<!-- carousel -->
<p id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<volist name="bopic" id="xt">
<li data-target="#carousel-example-generic" data-slide-to="{$i-1}" class="<if condition="$i eq 1 ">active</if>"></li>
</volist>
</ol>
<p class="carousel-inner">
<volist name="bopic" id="xt">
<p class=&#39;item <if condition="$i eq 1 ">active</if>&#39;>
<img src="{$xt.page_bopic_image}" alt="{$xt.page_bopic_seo}"/>
</p>
</volist>
</p>
<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</p>
<!-- /.carousel -->
</p>

Ce qui précède est L'ensemble du contenu de cet article devrait être utile à l'étude de chacun. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

Analyse de la méthode d'implémentation de la fonction de pagination dans thinkPHP5

Utilisation de ThinkPHP pour implémenter l'imitation ajax officielle fonction de recherche de site Web

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!