本文實(shí)例為大家分享了Yii2選項(xiàng)卡使用的具體代碼，供大家參考，具體內(nèi)容如下
<!--選項(xiàng)卡開(kāi)始-->
<?php
echo \yii\bootstrap\Tabs::widget([
'id' => 'tabs',
'renderTabContent' => false, //如果是每個(gè)選項(xiàng)卡里要顯示的是自定義的DIV或者Render其他頁(yè)面文件,就設(shè)為false.
'linkOptions' => ['data-toggle' => "tab"],
'items' => [
[
'label' => Yii::t('app', '帳號(hào)設(shè)置'),
'content' => '',
'headerOptions' => ["id" => 'li_account'], //可設(shè)可不設(shè)
'url' => '#tab_account',
'active' => true,
],
[
'label' => Yii::t('app', '修改密碼'),
'content' => '',
'headerOptions' => ["id" => 'li_password'],
'url' => '#tab_password',
'active' => false,
],
[
'label' => Yii::t('app', '綁定郵箱'),
'content' => '',
'headerOptions' => ["id" => 'li_email'],
'url' => '#tab_email',
'active' => false,
]
]
]) ?>
<div class="tab-content">
<!--修改個(gè)人信息-->
<div class="tab-pane active"id="tab_account"> <!--ID要對(duì)應(yīng)上面的第1個(gè) item 的URL-->
內(nèi)容....
</div>
<!--修改密碼-->
<div class="tab-pane"id="tab_password"> <!--ID要對(duì)應(yīng)上面的第2個(gè) item 的URL-->
內(nèi)容....
</div>
<!--綁定郵箱-->
<div class="tab-pane"id="tab_email"> <!--ID要對(duì)應(yīng)上面的第3個(gè) item 的URL-->
內(nèi)容....
</div>
</div>
<!--選項(xiàng)卡結(jié)束-->
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持。
【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過(guò)測(cè)試外，其他素材未做測(cè)試，不保證完整性，網(wǎng)站上部分源碼僅限學(xué)習(xí)交流，請(qǐng)勿用于商業(yè)用途。如損害你的權(quán)益請(qǐng)聯(lián)系客服QQ：2655101040 給予處理，謝謝支持。