Exemple PHP - utilisation simple de l'onglet Yii2

Cet article présente principalement en détail l'utilisation simple de l'onglet Yii2, qui a une certaine valeur de référence. Les amis intéressés peuvent s'y référer

L'exemple de cet article partage l'utilisation de l'onglet Yii2 avec tout le monde. le code est pour votre référence. Le contenu spécifique est le suivant

<!--选项卡开始-->
<?php
echo \yii\bootstrap\Tabs::widget([
&#39;id&#39; => &#39;tabs&#39;,
&#39;renderTabContent&#39; => false, //如果是每个选项卡里要显示的是自定义的p或者Render其他页面文件,就设为false.
&#39;linkOptions&#39; => [&#39;data-toggle&#39; => "tab"],
&#39;items&#39; => [
    [
&#39;label&#39; => Yii::t(&#39;app&#39;, &#39;帐号设置&#39;),
&#39;content&#39; => &#39;&#39;,
&#39;headerOptions&#39; => ["id" => &#39;li_account&#39;], //可设可不设
&#39;url&#39; => &#39;#tab_account&#39;,
&#39;active&#39; => true,
    ],
    [
&#39;label&#39; => Yii::t(&#39;app&#39;, &#39;修改密码&#39;),
&#39;content&#39; => &#39;&#39;,
&#39;headerOptions&#39; => ["id" => &#39;li_password&#39;],
&#39;url&#39; => &#39;#tab_password&#39;,
&#39;active&#39; => false,
    ],
    [
&#39;label&#39; => Yii::t(&#39;app&#39;, &#39;绑定邮箱&#39;),
&#39;content&#39; => &#39;&#39;,
&#39;headerOptions&#39; => ["id" => &#39;li_email&#39;],
&#39;url&#39; => &#39;#tab_email&#39;,
&#39;active&#39; => false,
    ]
  ]
]) ?>

<p class="tab-content">
  <!--修改个人信息-->
　　<p class="tab-pane active"id="tab_account"> <!--ID要对应上面的第1个 item 的URL-->
　　　　 内容....　　
　　</p>
  <!--修改密码-->
　　<p class="tab-pane"id="tab_password"> <!--ID要对应上面的第2个 item 的URL-->
　　　　 内容....　　
　　</p>
  <!--绑定邮箱-->
　　<p class="tab-pane"id="tab_email"> <!--ID要对应上面的第3个 item 的URL-->
　　　　 内容....　　
　　</p>
</p>

<!--选项卡结束-->

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!