12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
- <div class="row" data-plugin="matchHeight" data-by-row="true">
- <div class="card" style="width: 208rem;">
- <div class="card-body">
- <!--<h5 class="card-title">软件教程</h5>-->
- <h4 class="card-title cyan-600"><i class="icon wb-link"></i>
- 软件教程
- </h4>
- <div class="nav-tabs-horizontal" data-plugin="tabs">
- <ul class="nav nav-tabs nav-tabs-line mr-25" role="tablist" id="myTab">
- @foreach($articlelist as $key => $val)
- {{-- <option value="{{$val}}">{{$val->title}}</option>--}}
- <li class="nav-item" role="presentation">
- <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">
- <i class="icon fa-android " aria-hidden="true"></i>{{$val->title}}</a>
- </li>
- @endforeach
- </ul>
- <div class="tab-content py-15">
- @foreach($articlelist as $key => $val)
- <div class="tab-pane @if($val->id == 1) active @endif " id="{{$val->id}}" role="tabpanel">
- <h3 class="panel-title">{{$val->title}}</h3>
- <div class="panel-body pt-0 pb-60">
- {{$val->content}}
- </div>
- </div>
- @endforeach
- </div>
- </div>
- </div>
- </div>
- </div>
- @section('javascript')
- <script>
- $(function () {
- $('.nav-tabs a').click(function (e) {
- e.preventDefault()
- $(this).tab('show')
- })
- })
- </script>
- @endsection
|