zoukankan      html  css  js  c++  java
  • Yii2 选项卡的使用

    <!--选项卡开始-->
    <?php
    echo yiiootstrapTabs::widget([
    'id' => 'tabs',
    'renderTabContent' => false, //如果是每个选项卡里要显示的是自定义的DIV或者Render其他页面文件,就设为false.
    'linkOptions' => ['data-toggle' => "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,
    ]
    ]
    ]) ?>

    <div class="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>
    <!--选项卡结束-->
  • 相关阅读:
    Dice 5 ==> dice 7
    Dice 7 ==> dice 5
    100 floors 2 eggs
    Determine overlapping rectangles
    Product of integers
    Maximum profit of stocks
    样式表
    20170508
    2017年05月07
    The second day of school
  • 原文地址:https://www.cnblogs.com/zrcx/p/6907657.html
Copyright © 2011-2022 走看看