Files
new_ine/resources/views/index/index.blade.php
2021-04-07 13:18:18 +08:00

455 lines
23 KiB
PHP

@extends('layouts.app')
@section('title', '首页')
@section('css')
<link href="{{ asset('assets/index/css/swiper.min.css') }}" rel="stylesheet" type="text/css"/>
@endsection
@section('content')
<div class="container container_col">
<!--轮播图 新闻动态 -->
<div class="news-notice">
<div class="indnews">
<div class="news-pic">
<div id="newspic" class="slideBox">
<ul class="items">
@if ($adverts->isNotEmpty())
@foreach ($adverts as $advert)
<li>
<a href="{{ $advert->url }}" title="{{ $advert->title }}"><img src="{{ $advert->cover_path }}"></a>
</li>
@endforeach
@endif
</ul>
</div>
</div>
</div>
{{-- 新闻与通告--}}
<div class="news-txt" id="news">
<div class="news-title">
<div class="news-name tab-nav j-tab-nav">
<a href="javascript:void(0);" class="current">{{ getOneCategory(53,'title') }}<i></i></a>
<a href="javascript:void(0);" class="">{{ getOneCategory(54,'title') }}<i></i></a>
</div>
{{-- <a href="#" class="more">更多 >></a>--}}
</div>
<div class="tab-con">
<div class="j-tab-con">
<div class="tab-con-item news-con" style="display: block;margin-top:20px!important;">
@if (getArticlesBYCate(53,8)->isNotEmpty())
<div class="hotnews">
<h1>
<a href="{{getArticlesBYCate(53,8)->first()->link}}">{{ getArticlesBYCate(53,8)->first()->title}}</a>
</h1>
<!-- <div class="hotcon">
<a href="getArticlesBYCate(53,8)->first()->link">{{ getArticlesBYCate(53,8)->first()->description }} </a>
</div> -->
</div>
<ul class="newslist">
@foreach (getArticlesBYCate(53,8) as $info)
@if ($loop->iteration>1)
<li>
<a href="{{ $info->link }}">{{ $info->title }}</a><span>{{ $info->created_at->format('Y-m-d') }}</span>
</li>
@endif
@endforeach
</ul>
@endif
</div>
<div class="tab-con-item news-con" style="display: none;">
@if (getArticlesBYCate(54,8)->isNotEmpty())
<div class="hotnews">
<h1>
<a href="{{getArticlesBYCate(54,8)->first()->link}}">{{ getArticlesBYCate(54,8)->first()->title}}</a>
</h1>
<!-- <div class="hotcon">
<a href="getArticlesBYCate(54,8)->first()->link">{{ getArticlesBYCate(54,7)->first()->description }} </a>
</div> -->
</div>
<ul class="newslist">
@foreach (getArticlesBYCate(54,8) as $info)
@if ($loop->iteration>1)
<li>
<a href="{{ $info->link }}">{{ $info->title }}</a><span>{{ $info->created_at->format('Y-m-d') }}</span>
</li>
@endif
@endforeach
</ul>
@endif
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
<!-- 特色领域 开始 -->
<div class="" style="width: 100%;">
<div class="words11_zzgz_xfgz_title">
<font style="border-bottom: 2px solid #4c951c;">{{ getOneCategory(17,'title') }}</font>
<span><a href="{{ getOneCategory(17,'link') }}">更多 >></a></span>
</div>
<div class="news_list_content flexrow jc_start">
@if (getArticlesBYCate(17,8,'all')->isNotEmpty())
@foreach (getArticlesBYCate(17,8,'all') as $info)
@if ($loop->odd)
<div class="news_list_item ">
<div class="img" style="background-image:url({{ $info->cover_path }})">
<div class="sanjiao pos_abs"></div>
</div>
<div class="txt flexcolumn jc_sb" data-href="{{ $info->link }}">
<div class="naturalCont">
<div class="naturalCont-title">
<div class="title">{{ $info->title }}</div>
<!-- <div class="overflow4 "> {{ $info->description }}</div> -->
<div class="flexrow getMore overflow2">{{ $info->description1 ?? '' }}
<!-- <img src="/assets/index/images/right.png"> -->
</div>
</div>
</div>
</div>
</div>
@else
<div class="news_list_item">
<div class="txt flexcolumn jc_sb" data-href="{{ $info->link }}">
<div class="naturalCont">
<div class="naturalCont-title">
<div class="title">{{ $info->title }}</div>
<!-- <div class="overflow4 "> {{ $info->description }}</div> -->
<div class="flexrow getMore">{{ $info->description1 ?? ''}}
<!-- <img src="/assets/index/images/right.png"> -->
</div>
</div>
</div>
</div>
<div class="img" style="background-image:url({{ $info->cover_path }})">
<div class="sanjiao2 pos_abs"></div>
</div>
</div>
@endif
@endforeach
@endif
</div>
</div>
<!-- 特色领域 开始 -->
<div class="" style="width: 100%;">
<div class="words11_zzgz_xfgz_title">
<font style="border-bottom: 2px solid #4c951c;">{{ getOneCategory(17,'title') }}</font>
<span><a href="{{ getOneCategory(17,'link') }}">更多 >></a></span>
</div>
{{-- <div class="news_list_content flexrow jc_start">--}}
{{-- @if (getArticlesBYCate(17,8,'all')->isNotEmpty())--}}
{{-- @foreach (getArticlesBYCate(17,8,'all') as $info)--}}
{{-- @if ($loop->odd)--}}
{{-- <div class="news_list_item ">--}}
{{-- <div class="img" style="background-image:url({{ $info->cover_path }})">--}}
{{-- <div class="sanjiao pos_abs"></div>--}}
{{-- </div>--}}
{{-- <div class="txt flexcolumn jc_sb" data-href="{{ $info->link }}">--}}
{{-- <div class="naturalCont">--}}
{{-- <div class="naturalCont-title">--}}
{{-- <div class="title">{{ $info->title }}</div>--}}
{{-- <div class="flexrow getMore overflow2">{{ $info->description1 ?? '' }}--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- @else--}}
{{-- <div class="news_list_item">--}}
{{-- <div class="txt flexcolumn jc_sb" data-href="{{ $info->link }}">--}}
{{-- <div class="naturalCont">--}}
{{-- <div class="naturalCont-title">--}}
{{-- <div class="title">{{ $info->title }}</div>--}}
{{-- <div class="flexrow getMore">{{ $info->description1 ?? ''}}--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- <div class="img" style="background-image:url({{ $info->cover_path }})">--}}
{{-- <div class="sanjiao2 pos_abs"></div>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- @endif--}}
{{-- @endforeach--}}
{{-- @endif--}}
{{-- </div>--}}
<div class="news_list_content1">
@if (getArticlesBYCate(17,8,'all')->isNotEmpty())
@foreach (getArticlesBYCate(17,8,'all') as $info)
<div class="news_list_item1" data-href="{{ $info->link }}">
<div style="background-image:url({{ $info->cover_path }})"></div>
<span>{{ $info->title }}</span>
</div>
@endforeach
@endif
</div>
</div>
<!-- 创新团队 开始 -->
<div class="words11">
<div class="words11_zzgz_xfgz" style="width: 250px">
<div class="words11_zzgz_xfgz_title">
<font style="border-bottom: 2px solid #4c951c;">{{ getOneCategory(43,'title') }}</font>
<span><a href="{{ getOneCategory(43,'link') }}">更多 >></a></span>
</div>
<div class="words11_zzgz_xfgz_content">
@if (getArticlesBYCate(43,6,'all')->isNotEmpty())
<div class="box">
<div class="tem">
<ul>
@foreach (getArticlesBYCate(43,12,'all') as $article)
<li>
<a href="{{ $article->link }}">
<img src="/assets/index/images/icon.png">{{ $article->title }}
</a>
</li>
@endforeach
</ul>
</div>
</div>
@endif
</div>
</div>
{{--科技平台--}}
<div class="words11_zzgz_xfgz" style="margin-left: 15px;width:640px">
<div class="words11_zzgz_xfgz_title">
<font style="border-bottom: 2px solid #4c951c;">{{ getOneCategory(18,'title') }}</font><span><a>更多 >></a></span>
</div>
<div class="news-con">
@if (getArticlesBYCate(18,8)->isNotEmpty())
<div class="swiper-container1" style='margin-top:10px;'>
<div class="swiper-wrapper">
@foreach (getArticlesBYCate(18,8) as $info)
<div class="swiper-slide " style='height:314px;background:url({{ $info->cover_path}}) no-repeat;background-size:cover;cursor:pointer;'>
<a href="{{ $info->link }}" class="banner_title">
<span>{{ $info->title }}</span>
</a>
</div>
@endforeach
</div>
<div class="swiper-scrollbar" style='position:relative;top:0;'></div>
</div>
@endif
</div>
</div>
{{-- 政府决策服务--}}
<div class="words11_zzgz_xfgz" style="margin-left: 15px;width: 250px">
<div class="words11_zzgz_xfgz" style="width: 250px">
<div class="words11_zzgz_xfgz_title">
<font style="border-bottom: 2px solid #4c951c;">{{ getOneCategory(8,'title')}}</font>
<span><a href="{{ getOneCategory(8,'link') }}">更多 >></a></span>
</div>
<div class="words11_zzgz_xfgz_content">
@if (getArticlesBYCate(8,6,'all')->isNotEmpty())
<div class="box">
<div class="tem">
<ul>
@foreach (getArticlesBYCate(8,12) as $info)
<li>
<a href="{{ $info->link }}">
<img src="/assets/index/images/icon.png">{{ $info->title }}
</a>
</li>
@endforeach
</ul>
</div>
</div>
@endif
</div>
</div>
</div>
</div>
<!-- 省级领军人才梯队-->
<div class="col-box">
<div class="news-txt col-3 " style="width: 246px">
<div class="news-title">
<div class="news-name tab-nav j-tab-nav">
<a href="javascript:void(0);" class="current">{{ getOneCategory(127,'title')}}<i></i></a>
</div>
<a href="{{ getOneCategory(127,'link') }}" class="more">更多 >></a>
</div>
<div class="news-con">
<div class="j-tab-con">
<div class="tab-con-item news-con" style="display: block;">
@if (getArticlesBYCate(127,3)->isNotEmpty())
<ul class="newslist">
@foreach (getArticlesBYCate(127,3) as $info)
<li>
<a href="{{ $info->link }}">{{ $info->title }}</a>
</li>
@endforeach
</ul>
@endif
</div>
</div>
</div>
{{--院级领军人才梯队--}}
<div class="news-title">
<div class="news-name tab-nav j-tab-nav">
<a href="javascript:void(0);" class="current">{{ getOneCategory(176,'title')}}<i></i></a>
</div>
<a href="{{ getOneCategory(176,'link')}}" class="more">更多 >></a>
</div>
<div class="news-con">
<div class="j-tab-con">
<div class="tab-con-item news-con" style="display: block;">
@if (getArticlesBYCate(176,3)->isNotEmpty())
<ul class="newslist">
@foreach (getArticlesBYCate(176,3) as $info)
<li>
<a href="{{ $info->link }}">{{ $info->title }}</a>
</li>
@endforeach
</ul>
@endif
</div>
</div>
</div>
</div>
{{-- 专家学者--}}
<div class="news-txt col-3" style="width:640px">
<div class="news-title">
<div class="name">{{ getOneCategory(74,'title') }}<i></i></div>
<a href="{{ getOneCategory(74,'link') }}" class="more">更多 >></a>
</div>
<div class="news-con">
@if (getArticlesBYCate(74,5)->isNotEmpty())
<div class="swiper-container2" style='margin-top:10px;'>
<div class="swiper-wrapper">
@foreach (getArticlesBYCate(74,5) as $info)
<div class="swiper-slide " style='position:relative;'>
<div style='height:248px;background:url({{ $info->cover_path}}) no-repeat;background-size:cover;cursor:pointer;'></div>
<a href="{{ $article->link }}" class="worker_title">
{{ $info->title }}
</a>
</div>
@endforeach
</div>
<div class="swiper-scrollbar" style='position:relative;top:0;'></div>
</div>
@endif
</div>
</div>
<div class="news-txt col-3 last" style="width: 250px">
<div class="news-title">
<div class="name">论坛<i></i></div>
{{-- <a href="{{ getOneCategory(8,'link') }}" class="more">更多 >></a>--}}
</div>
<div class="poster">
<div class="box">
@if ($lt_adverts->isNotEmpty())
<ul>
@foreach ($lt_adverts as $advert)
<li data-herf="{{ $advert->url }}" class="lt_adverts_c" style="background-image:url({{ $advert->cover_path }});">
<!-- <img src="{{ $advert->cover_path }}"/> -->
{{ $advert->title }}
</li>
@endforeach
</ul>
@endif
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
<!-- 友情链接 -->
<div class="col-2-r">
<div class="linksbox" id="link">
<div class="txtlisttit linktit"><span>友情链接</span>
</div>
<div class="listcon tab-con">
<div class="j-tab-con">
<div class="tab-con-item linkcon" style="display: block;">
<ul class="linkslist">
@if ($links->isNotEmpty())
@foreach ($links as $link)
<li><a href="{{ $link->url }}" target="_blank">{{ $link->title }}</a></li>
@endforeach
@endif
</ul>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
@push('script')
<!-- <script type="text/javascript" src="{{ asset('assets/index/js/lb_jcfc.js') }}"></script> -->
<script type="text/javascript" src="{{ asset('assets/index/js/swiper.min.js') }}"></script>
<script type="text/javascript">
// 轮播
var galleryTop = new Swiper('.gallery-top', {
spaceBetween: 10,
loop: true,
loopedSlides: 5,
});
var galleryThumbs = new Swiper('.gallery-thumbs', {
spaceBetween: 10,
slidesPerView: 5,
touchRatio: 0.2,
loop: true,
loopedSlides: 5,
slideToClickedSlide: true
});
galleryTop.params.control = galleryThumbs;
galleryThumbs.params.control = galleryTop;
</script>
<script>
jQuery(function ($) {
$('#newspic').slideBox({
duration: 0.1,//滚动持续时间,单位:秒
easing: 'linear',//swing,linear//滚动特效
delay: 5,//滚动延迟时间,单位:秒
hideClickBar: false,//不自动隐藏点选按键
clickBarRadius: 10
});
});
</script>
<script type="text/javascript">
$(function () {
$("#link").rTabs({
bind: 'hover',
animation: 'fadein',
auto: false
});
$("#news").rTabs({
bind: 'hover',
animation: 'fadein',
auto: false
});
$("#leaders").rTabs({
bind: 'hover',
animation: 'fadein',
auto: false
});
})
</script>
<script type="text/javascript">
var mySwiper = new Swiper('.swiper-container1', {
loop: true,
autoplay: 5000,//可选选项,自动滑动
autoplayDisableOnInteraction: false,
scrollbar: '.swiper-scrollbar',
// slidesPerView : 3,
// centeredSlides : true,
})
var mySwiper = new Swiper('.swiper-container2', {
loop: true,
autoplay: 5000,//可选选项,自动滑动
slidesPerView: 3,
centeredSlides: true,
scrollbar: '.swiper-scrollbar',
autoplayDisableOnInteraction: false
})
</script>
@endpush