@extends('web.layouts.base')
@section('add_css')
    <link rel="stylesheet" href="{{ $style_path }}/css/home.css">
@endsection
@section('content')
    <!-- 封面图片 -->
    <div class="posterwrap solution">
        <div class="poster">
            <div class="textwarp">
                <h2>{{ $page->name }}</h2>
            </div>
        </div>
    </div>


    <!-- 解决方案 -->
    <div class="solutionwrap">

            <!-- 方案01 -->


                       <div>
                           {!! clean($page->getContent->content)  !!}
                       </div>








    </div>


    <!-- PC端服务详情 -->
    <div class="fuwu-details-box">
        <div class="alt-back"></div>
        <i class="fa fa-circle-o-notch fa-spin fa-2x searchicon transition"></i>
        <img src="{{ $style_path }}/image/guanbi.svg" class="closeintro transition">
        <iframe name="fuwu" src=""></iframe>
    </div>




@endsection
@section('foot_js')
    <script src="{{ $style_path }}/js/common.js"></script>
    <script src="{{ $style_path }}/js/home.js"></script>
    <script>
        $(document).ready(function() {

            /* 显示服务详情 */
            $("div.cover").click(function() {
                var id = $(this).attr('data-id');
                var reloadurl = $(this).attr('data-url');
                if ($("body").width() <= 1024) {

                    window.location.href = reloadurl;
                } else {
                    $("body").css({
                        "width": $("body").width(),
                        "overflow": "hidden"
                    });
                    $(".fuwu-details-box iframe").attr('src', reloadurl);
                    $('.fuwu-details-box').show();
                    $('.fuwu-details-box .alt-back').fadeIn();
                    $(".fuwu-details-box").animate({
                        top: "0px"
                    });
                }
            });

            /* 关闭服务详情 */
            $("img.closeintro,.fuwu-details-box .alt-back").click(function() {
                $('.fuwu-details-box .alt-back').fadeOut();
                $(".fuwu-details-box").animate({
                    top: "100%"
                }, function() {
                    $('.fuwu-details-box').hide();
                    $("body").css({
                        "width": 'auto',
                        "overflow": "auto"
                    });
                    $(".fuwu-details-box iframe").attr('src', "");
                    $(".fuwu-details-box i").show();
                });
            });

        });
    </script>

@endsection