help.blade.php 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <div class="row" data-plugin="matchHeight" data-by-row="true">
  2. <div class="card" style="width: 208rem;">
  3. <div class="card-body">
  4. <!--<h5 class="card-title">软件教程</h5>-->
  5. <h4 class="card-title cyan-600"><i class="icon wb-link"></i>
  6. 软件教程
  7. </h4>
  8. <div class="nav-tabs-horizontal" data-plugin="tabs">
  9. <ul class="nav nav-tabs nav-tabs-line mr-25" role="tablist" id="myTab">
  10. @foreach($articlelist as $key => $val)
  11. {{-- <option value="{{$val}}">{{$val->title}}</option>--}}
  12. <li class="nav-item" role="presentation">
  13. <a class="nav-link @if($val->id == 1) active @endif " data-toggle="tab" href="#{{$val->id}}" aria-controls="{{$val->id}}" role="tab" aria-expanded="true">
  14. <i class="icon fa-android " aria-hidden="true"></i>{{$val->title}}</a>
  15. </li>
  16. @endforeach
  17. </ul>
  18. <div class="tab-content py-15">
  19. @foreach($articlelist as $key => $val)
  20. <div class="tab-pane @if($val->id == 1) active @endif " id="{{$val->id}}" role="tabpanel">
  21. <h3 class="panel-title">{{$val->title}}</h3>
  22. <div class="panel-body pt-0 pb-60">
  23. {{$val->content}}
  24. </div>
  25. </div>
  26. @endforeach
  27. </div>
  28. </div>
  29. </div>
  30. </div>
  31. </div>
  32. @section('javascript')
  33. <script>
  34. $(function () {
  35. $('.nav-tabs a').click(function (e) {
  36. e.preventDefault()
  37. $(this).tab('show')
  38. })
  39. })
  40. </script>
  41. @endsection