Yii2选项卡的简单使用

(编辑:jimmy 日期: 2026/1/29 浏览:2)

本文实例为大家分享了Yii2选项卡使用的具体代码,供大家参考,具体内容如下

<!--选项卡开始-->
<"tab"],
'items' => [
    [
'label' => Yii::t('app', '帐号设置'),
'content' => '',
'headerOptions' => ["id" => 'li_account'], //可设可不设
'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,
    ]
  ]
]) "tab-content">
  <!--修改个人信息-->
  <div class="tab-pane active"id="tab_account"> <!--ID要对应上面的第1个 item 的URL-->
     内容....  
  </div>
  <!--修改密码-->
  <div class="tab-pane"id="tab_password"> <!--ID要对应上面的第2个 item 的URL-->
     内容....  
  </div>
  <!--绑定邮箱-->
  <div class="tab-pane"id="tab_email"> <!--ID要对应上面的第3个 item 的URL-->
     内容....  
  </div>
</div>

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。