_tabs.php 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <?php
  2. /* @var $this yii\web\View */
  3. /* @var $model common\models\Goods */
  4. /* @var $goodsSkuProvider ActiveDataProvider */
  5. /* @var $goodsAttrProvider ActiveDataProvider */
  6. use yii\data\ActiveDataProvider;
  7. ?>
  8. <div class="nav-tabs-custom">
  9. <ul class="nav nav-tabs" id="navTabs">
  10. <li class=""><a href="#tab_1" aria-expanded="true">商品信息</a></li>
  11. <li><a href="#tab_2" aria-expanded="true">商品规格</a></li>
  12. <li><a href="#tab_3" aria-expanded="true">商品属性</a></li>
  13. </ul>
  14. <div class="tab-content">
  15. <div class="tab-pane" id="tab_1">
  16. <?= $content ?>
  17. </div>
  18. <div class="tab-pane" id="tab_3">
  19. </div>
  20. </div>
  21. </div>
  22. <?php
  23. $js = <<<JS
  24. //layer相册
  25. layer.ready(function () {
  26. layer.photos({
  27. photos: '.upload-kit-item, .media-content',
  28. shift: 5
  29. });
  30. });
  31. //tab标签页切换
  32. $('#navTabs a').click(function (e) {
  33. e.preventDefault();
  34. $(this).tab('show');
  35. location.hash = $(this).attr('href');
  36. });
  37. //默认激活标签页
  38. $('#navTabs a:first').tab('show');
  39. if (location.hash) {
  40. $('#navTabs a[href="' + location.hash + '"]').tab('show');
  41. }
  42. JS;
  43. $this->registerJs($js);
  44. ?>