94 lines
2.6 KiB
PHP
94 lines
2.6 KiB
PHP
@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 |