@extends('module.layouts.content')

@push('meta')

@endpush

@push('css')
<link href="{{ theme_asset('app/css/common.css') }}" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="{{ theme_asset('app/css/knowall/knowall.css') }}?v=1"/>
@endpush

@push('js')

@endpush

@section('content')

    <!--图片轮转-->
    <div class="wheel w">
        <div class="fullSlide">
            <div class="bd">
                <ul>
                    <li><img src="{{theme_asset('app/images/kbanner.png')}}"/></li>
                    <li><img src="{{theme_asset('app/images/kbanner1.jpg')}}"/></li>
                    <li><img src="{{theme_asset('app/images/kbanner2.jpg')}}"/></li>
                    <li><img src="{{theme_asset('app/images/kbanner3.jpg')}}"/></li>
                </ul>
            </div>

            <div class="dot"><ul></ul></div>
        </div>
    </div>

    <!--应用分类-->
    <div class="usedir clearfix w">
        <p class="usedir_title">应用分类</p>
        <!--两侧分类-->
        <!--左侧-->
        <ul class="usedir_left">
            <li >教育服务<span class="left_angle"></span></li>
            <li >医疗健康<span class="left_angle"></span></li>
            <li >社会救助<span class="left_angle"></span></li>
            <li >养老服务<span class="left_angle"></span></li>
            <li>劳动就业<span class="left_angle"></span></li>
            <li >住房服务<span class="left_angle"></span></li>
        </ul>
        <!--右侧-->
        <ul class="usedir_right">
            <li>婚育收养<span class="right_angle"></span></li>
            <li>交通出行<span class="right_angle"></span></li>
            <li>文体旅游<span class="right_angle"></span></li>
            <li>公共事业<span class="right_angle"></span></li>
            <li>居家服务<span class="right_angle"></span></li>
            <li>综合服务<span class="right_angle"></span></li>
        </ul>

        <div class="usedir_content clearfix">
            <!--1-->
            <div class="userdir_center clearfix">
                @if(array_has($articles, '13') && $articles['13'])
                    @foreach($articles['13'] as $k=>$v)
                        @if($v->is_url)
                            @php $url="https://".$v->is_url;@endphp
                            @else
                            @php $url="{{route('news.show',['id'=>$v->id])}}";@endphp
                        @endif
                        <div class="center_info">
                            <a href="{{$url}}" target="_blank"><img src="{{upload_asset($v->small_img)}}" alt="" /></a>
                            <p>
                                <a href="{{$url}}" target="_blank">{{$v->title}}</a>
                            </p>
                        </div>
                    @endforeach
                @else
                    <li style="text-align:center;">暂无数据</li>
                @endif

            </div>
            <!--2-->
            <div class="userdir_center clearfix">
                @if(array_has($articles, '14') && $articles['14'])
                    @foreach($articles['14'] as $k=>$v)
                        @if($v->is_url)
                            @php $url="https://".$v->is_url;@endphp
                        @else
                            @php $url="{{route('news.show',['id'=>$v->id])}}";@endphp
                        @endif
                        <div class="center_info">
                            <a href="{{$url}}" target="_blank"><img src="{{upload_asset($v->small_img)}}" alt="" /></a>
                            <p>
                                <a href="{{$url}}" target="_blank">{{$v->title}}</a>
                            </p>
                        </div>
                    @endforeach
                @else
                    <li style="text-align:center;">暂无数据</li>
                @endif
            </div>
            <!--3-->
            <div class="userdir_center clearfix">

                @if(array_has($articles, '15') && $articles['15'])
                    @foreach($articles['15'] as $k=>$v)
                        @if($v->is_url)
                            @php $url="https://".$v->is_url;@endphp
                        @else
                            @php $url="{{route('news.show',['id'=>$v->id])}}";@endphp
                        @endif
                        <div class="center_info">
                            <a href="{{$url}}" target="_blank"><img src="{{upload_asset($v->small_img)}}" alt="" /></a>
                            <p>
                                <a href="{{$url}}" target="_blank">{{$v->title}}</a>
                            </p>
                        </div>
                    @endforeach
                @else
                    <li style="text-align:center;">暂无数据</li>
                @endif
            </div>
            <!--4-->
            <div class="userdir_center clearfix">
                @if(array_has($articles, '16') && $articles['16'])
                    @foreach($articles['16'] as $k=>$v)
                        @if($v->is_url)
                            @php $url="https://".$v->is_url;@endphp
                        @else
                            @php $url="{{route('news.show',['id'=>$v->id])}}";@endphp
                        @endif
                        <div class="center_info">
                            <a href="{{$url}}" target="_blank"><img src="{{upload_asset($v->small_img)}}" alt="" /></a>
                            <p>
                                <a href="{{$url}}" target="_blank">{{$v->title}}</a>
                            </p>
                        </div>
                    @endforeach
                @else
                    <li style="text-align:center;">暂无数据</li>
                @endif
            </div>
            <!--5-->
            <div class="userdir_center clearfix">
                @if(array_has($articles, '17') && $articles['17'])
                    @foreach($articles['17'] as $k=>$v)
                        @if($v->is_url)
                            @php $url="https://".$v->is_url;@endphp
                        @else
                            @php $url="{{route('news.show',['id'=>$v->id])}}";@endphp
                        @endif
                        <div class="center_info">
                            <a href="{{$url}}" target="_blank"><img src="{{upload_asset($v->small_img)}}" alt="" /></a>
                            <p>
                                <a href="{{$url}}" target="_blank">{{$v->title}}</a>
                            </p>
                        </div>
                    @endforeach
                @else
                    <li style="text-align:center;">暂无数据</li>
                @endif
            </div>

            <!--6-->
            <div class="userdir_center clearfix">
                @if(array_has($articles, '18') && $articles['18'])
                    @foreach($articles['18'] as $k=>$v)
                        @if($v->is_url)
                            @php $url="https://".$v->is_url;@endphp
                        @else
                            @php $url="{{route('news.show',['id'=>$v->id])}}";@endphp
                        @endif
                        <div class="center_info">
                            <a href="{{$url}}" target="_blank"><img src="{{upload_asset($v->small_img)}}" alt="" /></a>
                            <p>
                                <a href="{{$url}}" target="_blank">{{$v->title}}</a>
                            </p>
                        </div>
                    @endforeach
                @else
                    <li style="text-align:center;">暂无数据</li>
                @endif
            </div>

            <!--7-->
            <div class="userdir_center clearfix">
                @if(array_has($articles, '19') && $articles['19'])
                    @foreach($articles['19'] as $k=>$v)
                        @if($v->is_url)
                            @php $url="https://".$v->is_url;@endphp
                        @else
                            @php $url="{{route('news.show',['id'=>$v->id])}}";@endphp
                        @endif
                        <div class="center_info">
                            <a href="{{$url}}" target="_blank"><img src="{{upload_asset($v->small_img)}}" alt="" /></a>
                            <p>
                                <a href="{{$url}}" target="_blank">{{$v->title}}</a>
                            </p>
                        </div>
                    @endforeach
                @else
                    <li style="text-align:center;">暂无数据</li>
                @endif
            </div>
            <!--8-->
            <div class="userdir_center clearfix">
                @if(array_has($articles, '25') && $articles['25'])
                    @foreach($articles['25'] as $k=>$v)
                        @if($v->is_url)
                            @php $url="https://".$v->is_url;@endphp
                        @else
                            @php $url="{{route('news.show',['id'=>$v->id])}}";@endphp
                        @endif
                        <div class="center_info">
                            <a href="{{$url}}" target="_blank"><img src="{{upload_asset($v->small_img)}}" alt="" /></a>
                            <p>
                                <a href="{{$url}}" target="_blank">{{$v->title}}</a>
                            </p>
                        </div>
                    @endforeach
                @else
                    <li style="text-align:center;">暂无数据</li>
                @endif
            </div>
            <!--9-->
            <div class="userdir_center clearfix">
                @if(array_has($articles, '26') && $articles['26'])
                    @foreach($articles['26'] as $k=>$v)
                        @if($v->is_url)
                            @php $url="https://".$v->is_url;@endphp
                        @else
                            @php $url="{{route('news.show',['id'=>$v->id])}}";@endphp
                        @endif
                        <div class="center_info">
                            <a href="{{$url}}" target="_blank"><img src="{{upload_asset($v->small_img)}}" alt="" /></a>
                            <p>
                                <a href="{{$url}}" target="_blank">{{$v->title}}</a>
                            </p>
                        </div>
                    @endforeach
                @else
                    <li style="text-align:center;">暂无数据</li>
                @endif
            </div>
            <!--10-->
            <div class="userdir_center clearfix">
                @if(array_has($articles, '27') && $articles['27'])
                    @foreach($articles['27'] as $k=>$v)
                        @if($v->is_url)
                            @php $url="https://".$v->is_url;@endphp
                        @else
                            @php $url="{{route('news.show',['id'=>$v->id])}}";@endphp
                        @endif
                        <div class="center_info">
                            <a href="{{$url}}" target="_blank"><img src="{{upload_asset($v->small_img)}}" alt="" /></a>
                            <p>
                                <a href="{{$url}}" target="_blank">{{$v->title}}</a>
                            </p>
                        </div>
                    @endforeach
                @else
                    <li style="text-align:center;">暂无数据</li>
                @endif
            </div>

            <!--11-->
            <div class="userdir_center clearfix">
                @if(array_has($articles, '28') && $articles['28'])
                    @foreach($articles['28'] as $k=>$v)
                        @if($v->is_url)
                            @php $url="https://".$v->is_url;@endphp
                        @else
                            @php $url="{{route('news.show',['id'=>$v->id])}}";@endphp
                        @endif
                        <div class="center_info">
                            <a href="{{$url}}" target="_blank"><img src="{{upload_asset($v->small_img)}}" alt="" /></a>
                            <p>
                                <a href="{{$url}}" target="_blank">{{$v->title}}</a>
                            </p>
                        </div>
                    @endforeach
                @else
                    <li style="text-align:center;">暂无数据</li>
                @endif
            </div>
            <!--12-->
            <div class="userdir_center clearfix">
                @if(array_has($articles, '29') && $articles['29'])
                    @foreach($articles['29'] as $k=>$v)
                        @if($v->is_url)
                            @php $url="https://".$v->is_url;@endphp
                        @else
                            @php $url="{{route('news.show',['id'=>$v->id])}}";@endphp
                        @endif
                        <div class="center_info">
                            <a href="{{$url}}" target="_blank"><img src="{{upload_asset($v->small_img)}}" alt="" /></a>
                            <p>
                                <a href="{{$url}}" target="_blank">{{$v->title}}</a>
                            </p>
                        </div>
                    @endforeach
                @else
                    <li style="text-align:center;">暂无数据</li>
                @endif
            </div>

        </div>

    </div>


@endsection

@section('script')
    <script type="text/javascript" src="{{theme_asset('app/js/jquery.SuperSlide.2.1.2.js')}}"></script>
<script>
    //轮转
    /*$(".fullSlide").slide({
        titCell:".dot ul",
        mainCell:".bd ul",
        effect:"leftLoop",
        vis:"auto",
        autoPlay:true,
        autoPage:true,
        trigger:"click"
    });*/
    jQuery(".fullSlide").slide({
        mainCell: ".bd ul",
        titCell: '.dot ul',
        autoPage: '<li></li>',
        autoPlay: true,
        interTime: 5000,
    });

    //分类切换
    $('.usedir li').first().css({'background-color':'#dd4250' , 'color':'#fff'});
    $('.usedir li').first().children('span').show();
    $('.usedir_content .userdir_center').hide();
    $('.usedir_content .userdir_center').first().show();

    $('.usedir li').hover(function(){
        var val=$(this).attr('name');

        $('.usedir li').css({'background-color':'#e5e5e5' , 'color':'#666'});
        $('.usedir li span').hide();
        $('.usedir_content .userdir_center').hide();

        var index = $('.usedir li').index($(this));
        $('.usedir li').eq(index).css({'background-color':'#dd4250' , 'color':'#fff'});
        $('.usedir li span').eq(index).show();
        $('.usedir_content .userdir_center').eq(index).show();

    })

</script>
@endsection