@extends('layouts.app')
@section('title')教程详情@endsection

@section('content')
    <span id="nav2">
        @component('maintenance.menu')@endcomponent
        @component('maintenance.tutorial.menu')
        <li class="nav-item">
            <a class="nav-link" href="{{URL::current()}}" :class="{active:isActive('tutorial',2)}">详情</a>
        </li>
        @endcomponent
    </span>
    <div class="card card-body container col" id="body">
        <div class="col-8 offset-2" id="content" v-html="content.trix_rich_text.content"></div>
    </div>
@endsection

@section('lastScript')
    <script>
        new Vue({
            el:'#body',
            data:{
                content:{!! $tutorial !!},
            },
            mounted(){
            }
        });
    </script>
@stop