Das thinkphp-Tag implementiert den Code des Bootsrtap-Karussellkarussells

Dieser Artikel stellt Ihnen das thinkphp-Tag zur Implementierung des Bootsrtap-Karussell-Beispielcodes vor. Es ist sehr gut und hat Referenzwert.

Weil das erste p des Karussells ist Das Karussell muss auf „Aktiv“ eingestellt sein. Damit der Stil normal angezeigt wird, benötigen die Punkte oben auch Zahlen.

Verwenden Sie das volist-Tag, um den Index während der Schleife abzurufen (foreach, for-Tags können nicht implementiert werden)

<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>

Das Obige ist die Zusammenfassung dieses Artikels. Ich hoffe, dass er für das Lernen aller hilfreich sein wird. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website!

Verwandte Empfehlungen:

Analyse der Methode zur Implementierung der Paging-Funktion in thinkPHP5

Verwendung von ThinkPHP zur Implementierung einer offiziellen Ajax-Imitation Website-Suchfunktion

Das obige ist der detaillierte Inhalt vonDas thinkphp-Tag implementiert den Code des Bootsrtap-Karussellkarussells. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!