初步完成
This commit is contained in:
@@ -3,250 +3,74 @@
|
||||
@section('title', '首页')
|
||||
|
||||
@section('content')
|
||||
<!-- banner -->
|
||||
@if (getAdvertsByCate(23)->isNotEmpty())
|
||||
<div class="swiper-container" id="swiperBanner">
|
||||
<div class="swiper-wrapper">
|
||||
@foreach (getAdvertsByCate(23) as $advert)
|
||||
<div class="swiper-slide">
|
||||
<a class="swiper-banner-img" style="background-image: url({{ $advert->cover_path }});" href="">
|
||||
<h3>{{ $advert->title }}</h3>
|
||||
</a>
|
||||
<!-- 轮播图 -->
|
||||
<div class="indexImg">
|
||||
<div class="container">
|
||||
<div class="swiper-container indexBig">
|
||||
<div class="swiper-wrapper">
|
||||
@foreach (getAdvertsByCate(23) as $advert)
|
||||
<div class="swiper-slide">
|
||||
<div class="ce-img indexImg-img">
|
||||
<span style="background-image: url({{ $advert->cover_path }});"></span>
|
||||
<div class="ce-nowrap indexImg-title">
|
||||
{{ $advert->title }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
@endforeach
|
||||
<!-- Add Pagination -->
|
||||
<div class="swiper-pagination indexImg-pagination"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
@endif
|
||||
<!-- end banner -->
|
||||
|
||||
<!-- mian -->
|
||||
<div class="container">
|
||||
<!-- 院所新闻 -->
|
||||
<div class="news">
|
||||
<div class="news-item news-hot">
|
||||
<img class="news-hot-cover" src="{{ getOneAdvertByCate(20,'cover_path') }}">
|
||||
<div class="news-hot-text">
|
||||
<h3 class="nowrap">
|
||||
<a href="{{ getOneAdvertByCate(20,'url') }}">{{ getOneAdvertByCate(20,'title') }}</a></h3>
|
||||
<!-- 分院新闻 -->
|
||||
<div class="indexNews">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-md-5">
|
||||
<div class="swiper-container indexNews-banner">
|
||||
<div class="swiper-wrapper">
|
||||
@if (getArticlesBYCate(2,3,'all',true)->isNotEmpty())
|
||||
@foreach (getArticlesBYCate(2,3,'all',true) as $article)
|
||||
<div class="swiper-slide">
|
||||
<div class="ce-img indexImg-img">
|
||||
<span style="background-image: url({{ $article->cover_path }});"></span>
|
||||
<div class="ce-nowrap indexImg-title">
|
||||
{{ $article->title }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
@endif
|
||||
</div>
|
||||
<!-- Add Pagination -->
|
||||
<div class="swiper-pagination indexNews-pagination"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="news-item news-ul">
|
||||
<div class="mian-title news-title">
|
||||
<b>{{ getOneCategory(7,'title') }}</b>
|
||||
<span>/ {{ getOneCategory(7,'description') }}</span>
|
||||
<a class="mian-title-more" href="{{ getOneCategory(7,'link') }}">更多<i class="fa fa-angle-right"></i></a>
|
||||
</div>
|
||||
<ul>
|
||||
@if (getArticlesBYCate(7,8)->isNotEmpty())
|
||||
@foreach (getArticlesBYCate(7,8) as $article)
|
||||
<li class="news-ul-li">
|
||||
<a class="nowrap" href="{{ $article->link }}">
|
||||
<span class="news-time">{{ $article->created_at->format('m-d') }}</span>{{ $article->title }}
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
@endif
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 科研动态 -->
|
||||
<div class="dynamic">
|
||||
<div class="mian-title">
|
||||
<b>{{ getOneCategory(8,'title') }}</b>
|
||||
<span>/ {{ getOneCategory(8,'description') }}</span>
|
||||
<a class="mian-title-more" href="{{ getOneCategory(8,'link') }}">更多<i class="fa fa-angle-right"></i></a>
|
||||
</div>
|
||||
<ul class="dynamic-ul">
|
||||
@if (getArticlesBYCate(8,3)->isNotEmpty())
|
||||
@foreach (getArticlesBYCate(8,3) as $article)
|
||||
<li class="dynamic-ul-item">
|
||||
<span class="dynamic-ul-cover" style="background-image: url({{ $article->cover_path }});"></span>
|
||||
<div class="dynamic-ul-text">
|
||||
<h3 class="nowrap"><a href="{{ $article->link }}">{{ $article->title }}</a></h3>
|
||||
<p class="nowrap-multi">{{ $article->description }}</p>
|
||||
</div>
|
||||
</li>
|
||||
@endforeach
|
||||
@endif
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<!-- 广告条 -->
|
||||
<div class="index-ad">
|
||||
<a href="{{ getOneAdvertByCate(21,'url') }}">
|
||||
<img src="{{ getOneAdvertByCate(21,'cover_path') }}">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- 党团生活, 精神文明 -->
|
||||
<div class="news">
|
||||
<div class="news-item party">
|
||||
<div class="tabs-title" id="information">
|
||||
{{-- 党政建设--}}
|
||||
<span class="tabs-item show">{{ getOneCategory(4,'title') }}</span>
|
||||
{{-- 媒体报道--}}
|
||||
<span class="tabs-item"> {{ getOneCategory(17,'title') }}</span>
|
||||
</div>
|
||||
<div class="tabs-content-wrapper" id="informationContent">
|
||||
<!-- 国内资讯 -->
|
||||
<ul class="party-ul tabs-content active">
|
||||
@if (getArticlesBYCate(4,3)->isNotEmpty())
|
||||
@foreach (getArticlesBYCate(4,3) as $article)
|
||||
<li class="party-ul-li">
|
||||
<a href="{{ $article->link }}">
|
||||
<span class="party-time">
|
||||
<h3>{{ $article->created_at->format('d') }}</h3>
|
||||
<p>{{ $article->created_at->format('Y-m') }}</p>
|
||||
</span>
|
||||
<h3 class="party-title nowrap">{{ $article->title }}</h3>
|
||||
<p class="party-info nowrap-multi">{{ $article->description }}</p>
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
@endif
|
||||
</ul>
|
||||
|
||||
<!-- 媒体报道 -->
|
||||
<ul class="party-ul tabs-content">
|
||||
@if (getArticlesBYCate(17,12)->isNotEmpty())
|
||||
@foreach (getArticlesBYCate(17,12) as $article)
|
||||
<li class="party-ul-li">
|
||||
<a href="{{ $article->link }}">
|
||||
<span class="party-time">
|
||||
<h3>{{ $article->created_at->format('d') }}</h3>
|
||||
<p>{{ $article->created_at->format('Y-m') }}</p>
|
||||
</span>
|
||||
<h3 class="party-title nowrap">{{ $article->title }}</h3>
|
||||
<p class="party-info nowrap-multi">{{ $article->description }}</p>
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
@endif
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="news-item spirit">
|
||||
<div class="mian-title">
|
||||
{{-- 交流合作--}}
|
||||
<b>{{ getOneCategory(5,'title') }}</b>
|
||||
<span>/ <!-- {{ getOneCategory(5,'description') }} -->Exchange and cooperation</span>
|
||||
<a class="mian-title-more" href="{{ getOneCategory(5,'link') }}">更多<i class="fa fa-angle-right"></i></a>
|
||||
</div>
|
||||
<ul class="spiritual-ul">
|
||||
@if (getArticlesBYCate(5,3)->isNotEmpty())
|
||||
@foreach (getArticlesBYCate(5,3) as $article)
|
||||
<li class="spiritual-ul-li">
|
||||
<a href="{{ $article->link }}">
|
||||
<h3 class="spiritual-title nowrap">{{ $article->title }}</h3>
|
||||
<p class="spiritual-info nowrap-multi">{{ $article->description }}</p>
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
@endif
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 广告条 -->
|
||||
<div class="index-ad">
|
||||
<a href="{{ getOneAdvertByCate(22,'url') }}">
|
||||
<img src="{{ getOneAdvertByCate(22,'cover_path') }}">
|
||||
</a>
|
||||
</div>
|
||||
<!-- 新闻列表 -->
|
||||
<div class="news">
|
||||
<!-- tabs -->
|
||||
<div class="news-item party">
|
||||
<div class="tabs-title" id="newsTab">
|
||||
<span class="tabs-item show">{{ getOneCategory(27,'title') }}</span>
|
||||
<span class="tabs-item">{{ getOneCategory(28,'title') }}</span>
|
||||
<span class="tabs-item">{{ getOneCategory(29,'title') }}</span>
|
||||
{{-- <span class="tabs-item">{{ getOneCategory(17,'title') }}</span>--}}
|
||||
{{-- <span class="tabs-item">{{ getOneCategory(16,'title') }}</span> --}}
|
||||
{{-- <a class="mian-title-more" href="">更多<i class="fa fa-angle-right"></i></a>--}}
|
||||
</div>
|
||||
<div class="tabs-content-wrapper" id="newsTabContent">
|
||||
<!-- 创新团队 -->
|
||||
<ul class="party-ul tabs-content active">
|
||||
@if (getArticlesBYCate(27,4)->isNotEmpty())
|
||||
@foreach (getArticlesBYCate(27,4) as $article)
|
||||
<li class="party-ul-li">
|
||||
<a href="{{ $article->link }}">
|
||||
<span class="party-img">
|
||||
<!-- <h3>{{ $article->created_at->format('d') }}</h3>
|
||||
<p>{{ $article->created_at->format('Y-m') }}</p> -->
|
||||
</span><span class="party-img party-cover" style="background-image:url({{ $article->cover_path }})">
|
||||
</span>
|
||||
<h3 class="party-title nowrap">{{ $article->title }}</h3>
|
||||
<p class="party-info nowrap-multi">{{ $article->description }}</p>
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
@endif
|
||||
</ul>
|
||||
<!-- 梯队人才 -->
|
||||
<ul class="party-ul tabs-content">
|
||||
@if (getArticlesBYCate(28,4)->isNotEmpty())
|
||||
@foreach (getArticlesBYCate(28,4) as $article)
|
||||
<li class="party-ul-li">
|
||||
<a href="{{ $article->link }}">
|
||||
<span class="party-img party-cover" style="background-image:url({{ $article->cover_path }})">
|
||||
</span>
|
||||
<h3 class="party-title nowrap">{{ $article->title }}</h3>
|
||||
<p class="party-info nowrap-multi">{{ $article->description }}</p>
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
@endif
|
||||
|
||||
</ul>
|
||||
<!-- 专家智库 -->
|
||||
<ul class="party-ul tabs-content">
|
||||
@if (getArticlesBYCate(29,4)->isNotEmpty())
|
||||
@foreach (getArticlesBYCate(29,4) as $article)
|
||||
<li class="party-ul-li">
|
||||
<a href="{{ $article->link }}">
|
||||
<span class="party-img party-cover" style="background-image:url({{ $article->cover_path }})">
|
||||
</span>
|
||||
<h3 class="party-title nowrap">{{ $article->title }}</h3>
|
||||
<p class="party-info nowrap-multi">{{ $article->description }}</p>
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
@endif
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 项目推广 -->
|
||||
<div class="news-item spirit">
|
||||
<div class="tabs-title" id="patentTab">
|
||||
<span class="tabs-item show">{{ getOneCategory(18,'title') }}</span>
|
||||
<span class="tabs-item">{{ getOneCategory(16,'title') }}</span>
|
||||
{{-- <a class="mian-title-more" href="">更多<i class="fa fa-angle-right"></i></a>--}}
|
||||
</div>
|
||||
<div class="tabs-content-wrapper" id="patentTabContent">
|
||||
<!-- 项目推广 -->
|
||||
<ul class="spiritual-ul tabs-content active">
|
||||
@if (getArticlesBYCate(18,4)->isNotEmpty())
|
||||
@foreach (getArticlesBYCate(18,4) as $article)
|
||||
<li class="spiritual-ul-li">
|
||||
<a href="{{ $article->link }}">
|
||||
<h3 class="spiritual-title nowrap">{{ $article->title }}</h3>
|
||||
<p class="spiritual-info nowrap-multi">{{ $article->description }}</p>
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
@endif
|
||||
</ul>
|
||||
|
||||
<!-- 成果专利 -->
|
||||
<ul class="spiritual-ul tabs-content">
|
||||
@if (getArticlesBYCate(16,4)->isNotEmpty())
|
||||
@foreach (getArticlesBYCate(16,4) as $article)
|
||||
<li class="spiritual-ul-li">
|
||||
<a href="{{ $article->link }}">
|
||||
<h3 class="spiritual-title nowrap">{{ $article->title }}</h3>
|
||||
<p class="spiritual-info nowrap-multi">{{ $article->description }}</p>
|
||||
<div class="col-xs-12 col-md-7">
|
||||
<div class="indexNews-title">
|
||||
<div class="indexNews-title-name">
|
||||
<img src="assets/index/images/titleIcon_00.png"/>
|
||||
<p>{{ getOneCategory(2,'title') }}</p>
|
||||
<span>News Information</span>
|
||||
</div>
|
||||
<div class="indexNews-title-more">
|
||||
<a href="{{ getOneCategory(2,'link') }}">更多 ></a>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="indexNews-ul">
|
||||
@if (getArticlesBYCate(7,6)->isNotEmpty())
|
||||
@foreach (getArticlesBYCate(7,6) as $article)
|
||||
<li>
|
||||
<a href="{{ $article->link }}" title="{{ $article->title }}">
|
||||
<div class="ce-nowrap indexNews-ul-name">
|
||||
{{ $article->title }}
|
||||
</div>
|
||||
<span>{{ $article->created_at->format('m-d') }}</span>
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
@@ -256,44 +80,429 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end mian -->
|
||||
|
||||
<!-- 党政建设 -->
|
||||
<div class="indexBuild">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-md-8">
|
||||
<ul class="indexBuild-list">
|
||||
@if (getArticlesBYCate(24,4)->isNotEmpty())
|
||||
@foreach (getArticlesBYCate(24,4) as $article)
|
||||
<li>
|
||||
<a href="{{ $article->link }}" title="{{ $article->title }}">
|
||||
<div class="indexBuild-icon">
|
||||
<img src="/assets/index/images/Build_icon0{{ $loop->index }}.png">
|
||||
</div>
|
||||
{{ $article->title }}
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
@endif
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-xs-12 col-md-4">
|
||||
<div class="indexBuild-show">
|
||||
<div class="indexBuild-talent">
|
||||
<div class="indexBuild-talent-title">
|
||||
<span>{{ getOneCategory(28,'title') }}</span>
|
||||
<a href="{{ getOneCategory(28,'link') }}">MORE</a>
|
||||
</div>
|
||||
<div class="swiper-container indexBuild-swiper">
|
||||
<div class="swiper-wrapper">
|
||||
@if (getArticlesBYCate(27,8)->isNotEmpty())
|
||||
@foreach (getArticlesBYCate(27,8) as $article)
|
||||
<div class="swiper-slide">{{ $article->title }}
|
||||
<span>{{ $article->description }}</span>
|
||||
</div>
|
||||
@endforeach
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@if (getArticlesBYCate(24,5,'all',false,'asc')->isNotEmpty())
|
||||
@foreach (getArticlesBYCate(24,5) as $article)
|
||||
@if($loop->index==4)
|
||||
<a href="{{ $article->link }}" class="indexBuild-back" title="{{ $article->title }}">
|
||||
<img src="{{ $article->cover_path }}">
|
||||
</a>
|
||||
@endif
|
||||
@endforeach
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 科研动态 -->
|
||||
<div class="indexflow">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-md-9">
|
||||
<ul id="myTabs" class="indexflow-tab" role="tablist">
|
||||
<li role="presentation" class="active">
|
||||
<a href="#home" id="home-tab" role="tab" data-toggle="tab">
|
||||
<div class="indexflow-title-name">
|
||||
<img src="assets/index/images/titleIcon_01.png"/>
|
||||
<p>{{ getOneCategory(8,'title') }}</p>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li role="presentation" class="">
|
||||
<a href="#profile" id="profile-tab" role="tab" data-toggle="tab">
|
||||
<div class="indexflow-title-name">
|
||||
<img src="assets/index/images/titleIcon_02.png"/>
|
||||
<p>{{ getOneCategory(5,'title') }}</p>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div id="myTabContent" class="tab-content indexflow-content">
|
||||
<div role="tabpanel" class="tab-pane fade active in" id="home">
|
||||
<ul class="indexNews-ul indexflow-ul">
|
||||
@if (getArticlesBYCate(8,6)->isNotEmpty())
|
||||
@foreach (getArticlesBYCate(8,6) as $article)
|
||||
<li>
|
||||
<a href="{{ $article->link }}" title="{{ $article->title }}">
|
||||
<div class="ce-nowrap indexNews-ul-name">
|
||||
{{ $article->title }}
|
||||
<div class="ce-nowrap indexNews-ul-text">
|
||||
{{ $article->description }}
|
||||
</div>
|
||||
</div>
|
||||
<span>{{ $article->created_at->format('Y-m-d') }}</span>
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
@endif
|
||||
</ul>
|
||||
</div>
|
||||
<div role="tabpanel" class="tab-pane fade" id="profile">
|
||||
<ul class="indexNews-ul indexflow-ul">
|
||||
@if (getArticlesBYCate(5,6)->isNotEmpty())
|
||||
@foreach (getArticlesBYCate(5,6) as $article)
|
||||
<li>
|
||||
<a href="{{ $article->link }}" title="{{ $article->title }}">
|
||||
<div class="ce-nowrap indexNews-ul-name">
|
||||
{{ $article->title }}
|
||||
<div class="ce-nowrap indexNews-ul-text">
|
||||
{{ $article->description }}
|
||||
</div>
|
||||
</div>
|
||||
<span>{{ $article->created_at->format('Y-m-d') }}</span>
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
@endif
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 col-md-3 indexflow-img">
|
||||
@if (getAdvertsByCate(21,2)->isNotEmpty())
|
||||
@foreach (getAdvertsByCate(21,2) as $advert)
|
||||
<a href="{{ $advert->url ?? 'javascript:void(0);' }}"><img src="{{ $advert->cover_path }}"/></a>
|
||||
@endforeach
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 媒体报道+党建文化 -->
|
||||
<div class="indexParty">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-md-8">
|
||||
<div class="indexMedia-title">
|
||||
<div class="indexMedia-name">
|
||||
<img src="assets/index/images/partyIcon_00.png"/>
|
||||
{{ getOneCategory(11,'title') }}
|
||||
</div>
|
||||
<img src="assets/index/images/partyIcon_00.png"/>
|
||||
</div>
|
||||
<div class="indexMedia-cont">
|
||||
<div class="ce-img indexMedia-img">
|
||||
<span style="background-image: url({{ getOneArticleBYCate(11,'cover_path') }});"></span>
|
||||
<img src="assets/index/images/partyIcon_03.png">
|
||||
</div>
|
||||
<div class="indexMedia-essay">
|
||||
<div class="ce-nowrap-multi indexMedia-head">
|
||||
{{ getOneArticleBYCate(11,'title') }}
|
||||
</div>
|
||||
<div class="ce-nowrap-multi indexMedia-text">
|
||||
{{ getOneArticleBYCate(11,'description') }}
|
||||
</div>
|
||||
<a class="indexMedia-more" href="{{ getOneCategory(11,'link') }}">MORE</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 col-md-4">
|
||||
<div class="indexCulture">
|
||||
<ul id="myTabs" class="indexParty-tab" role="tablist">
|
||||
<li role="presentation" class="active">
|
||||
<a href="#culture" id="home-tab" role="tab" data-toggle="tab">
|
||||
<img src="assets/index/images/partyIcon_01.png"/>
|
||||
{{ getOneCategory(12,'title') }}
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li role="presentation" class="">
|
||||
<a href="#special" id="profile-tab" role="tab" data-toggle="tab">
|
||||
<img src="assets/index/images/partyIcon_02.png"/>
|
||||
{{ getOneCategory(30,'title') }}
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div id="myTabContent" class="tab-content">
|
||||
<div role="tabpanel" class="tab-pane fade active in" id="culture">
|
||||
<ul class="indexNews-ul indexCulture-ul">
|
||||
@if (getArticlesBYCate(12,5)->isNotEmpty())
|
||||
@foreach (getArticlesBYCate(12,5) as $article)
|
||||
<li>
|
||||
<a href="{{ $article->link }}" title="{{ $article->title }}">
|
||||
<div class="ce-nowrap-multi indexNews-ul-name">
|
||||
{{ $article->title }}
|
||||
</div>
|
||||
<span>[{{ $article->created_at->format('Y-m-d')}}]</span>
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
@endif
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div role="tabpanel" class="tab-pane fade" id="special">
|
||||
<ul class="indexNews-ul indexCulture-ul">
|
||||
@if (getArticlesBYCate(30,5)->isNotEmpty())
|
||||
@foreach (getArticlesBYCate(30,5) as $article)
|
||||
<li>
|
||||
<a href="{{ $article->link }}" title="{{ $article->title }}">
|
||||
<div class="ce-nowrap-multi indexNews-ul-name">
|
||||
{{ $article->title }}
|
||||
</div>
|
||||
<span>[{{ $article->created_at->format('Y-m-d')}}]</span>
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
@endif
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 分类筛选 -->
|
||||
<div class="indexScreen">
|
||||
<div class="container">
|
||||
<ul id="myTabs" class="indexScreen-tab" role="tablist">
|
||||
<li role="presentation" class="active">
|
||||
<a href="#screen-1" id="one-tab" role="tab" data-toggle="tab">
|
||||
<img src="assets/index/images/screenIcon_00.png"/>
|
||||
{{ getOneCategory(27,'title') }}
|
||||
<span></span>
|
||||
</a>
|
||||
</li>
|
||||
<li role="presentation" class="">
|
||||
<a href="#screen-2" id="two-tab" role="tab" data-toggle="tab">
|
||||
<img src="assets/index/images/screenIcon_01.png"/>
|
||||
{{ getOneCategory(29,'title') }} <span></span>
|
||||
</a>
|
||||
</li>
|
||||
<li role="presentation" class="">
|
||||
<a href="#screen-3" id="three-tab" role="tab" data-toggle="tab">
|
||||
<img src="assets/index/images/screenIcon_02.png"/>
|
||||
{{ getOneCategory(18,'title') }}<span></span>
|
||||
</a>
|
||||
</li>
|
||||
<li role="presentation" class="">
|
||||
<a href="#screen-4" id="four-tab" role="tab" data-toggle="tab">
|
||||
<img src="assets/index/images/screenIcon_03.png"/>
|
||||
{{ getOneCategory(16,'title') }}<span></span>
|
||||
</a>
|
||||
</li>
|
||||
<li role="presentation" class="">
|
||||
<a href="#screen-5" id="five-tab" role="tab" data-toggle="tab">
|
||||
<img src="assets/index/images/screenIcon_00.png"/>
|
||||
{{ getOneCategory(10,'title') }}<span></span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div id="myTabContent" class="tab-content indexTeam-content">
|
||||
<!-- 创新团队 -->
|
||||
<div role="screen-1" class="tab-pane fade active in" id="screen-1">
|
||||
<ul class="indexTeam-ul">
|
||||
@if (getArticlesBYCate(27,3)->isNotEmpty())
|
||||
@foreach (getArticlesBYCate(27,3) as $article)
|
||||
<li>
|
||||
<a href="{{ $article->link }}" title="{{ $article->title }}">
|
||||
<div class="ce-img indexTeam-img">
|
||||
<span style="background-image: url({{ $article->cover_path }});"></span>
|
||||
</div>
|
||||
<div class="indexTeam-cont">
|
||||
<div class="ce-nowrap-multi indexTeam-name">
|
||||
{{ $article->title }}
|
||||
</div>
|
||||
<div class="ce-nowrap-multi indexTeam-text">
|
||||
{{ $article->description }}
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
@endif
|
||||
</ul>
|
||||
</div>
|
||||
<!-- end 创新团队 -->
|
||||
|
||||
<!-- 专家智库 -->
|
||||
<div role="screen-2" class="tab-pane fade" id="screen-2">
|
||||
<ul class="IndexExpert-ul">
|
||||
@if (getArticlesBYCate(29,3)->isNotEmpty())
|
||||
@foreach (getArticlesBYCate(29,3) as $article)
|
||||
<li>
|
||||
<a href="{{ $article->link }}" title="{{ $article->title }}">
|
||||
<div class="ce-img IndexExpert-img">
|
||||
<span style="background-image: url({{ $article->cover_path }});"></span>
|
||||
</div>
|
||||
<div class="IndexExpert-name">
|
||||
<div class="IndexExpert-title">
|
||||
<span>{{ $article->title }}</span>科学专家
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
@endif
|
||||
</ul>
|
||||
<div class="IndexExpert-more">
|
||||
<a href="{{ getOneCategory(29,'link') }}">查看更多 ></a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end 专家智库 -->
|
||||
|
||||
<!-- 项目推广 -->
|
||||
<div role="screen-3" class="tab-pane fade" id="screen-3">
|
||||
<ul class="indexExtend-ul">
|
||||
@if (getArticlesBYCate(18,2)->isNotEmpty())
|
||||
@foreach (getArticlesBYCate(18,2) as $article)
|
||||
<li>
|
||||
<a href="{{ $article->link }}" title="{{ $article->title }}">
|
||||
|
||||
<div class="ce-nowrap indexExtend-ul-name">
|
||||
{{ $article->title }}
|
||||
</div>
|
||||
<div class="ce-nowrap-multi indexExtend-ul-text">
|
||||
{{ $article->description }}
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
@endif
|
||||
</ul>
|
||||
<div class="IndexExpert-more">
|
||||
<a href="{{ getOneCategory(18,'link') }}">查看更多 ></a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end 项目推广 -->
|
||||
|
||||
<!-- 成果专利 -->
|
||||
<div role="screen-4" class="tab-pane fade" id="screen-4">
|
||||
<ul class="indexExtend-ul">
|
||||
@if (getArticlesBYCate(16,2)->isNotEmpty())
|
||||
@foreach (getArticlesBYCate(16,2) as $article)
|
||||
<li>
|
||||
<a href="{{ $article->link }}" title="{{ $article->title }}">
|
||||
<div class="ce-nowrap indexExtend-ul-name">
|
||||
{{ $article->title }}
|
||||
</div>
|
||||
<div class="ce-nowrap-multi indexExtend-ul-text">
|
||||
{{ $article->description }}
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
@endif
|
||||
</ul>
|
||||
<div class="IndexExpert-more">
|
||||
<a href="{{ getOneCategory(16,'link') }}">查看更多 ></a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end 成果专利 -->
|
||||
|
||||
<!-- 获得奖项 -->
|
||||
<div role="screen-5" class="tab-pane fade" id="screen-5">
|
||||
<div class="swiper-container indexPrize-swiper">
|
||||
<div class="swiper-wrapper">
|
||||
@if (getArticlesBYCate(10,8)->isNotEmpty())
|
||||
@foreach (getArticlesBYCate(10,8) as $article)
|
||||
<div class="swiper-slide indexPrize-ul">
|
||||
<div class="ce-img indexPrize-img">
|
||||
<span style="background-image: url({{ $article->cover_path }});"></span>
|
||||
</div>
|
||||
<div class="ce-nowrap indexPrize-title">
|
||||
{{ $article->title }}
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
@endif
|
||||
</div>
|
||||
<!-- Add Pagination -->
|
||||
<div class="swiper-pagination indexPrize-pagination"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end 获得奖项 -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
@push('script')
|
||||
<script type="text/javascript">
|
||||
// swiperBanner
|
||||
var swiperBanner = new Swiper("#swiperBanner", {
|
||||
autoplay: 5000,
|
||||
loop: true,
|
||||
slidesPerView: 'auto',
|
||||
pagination: ".swiper-pagination",
|
||||
// 大轮播
|
||||
var banner = new Swiper('.indexBig', {
|
||||
pagination: '.indexImg-pagination',
|
||||
paginationClickable: true,
|
||||
spaceBetween: 30,
|
||||
centeredSlides: true,
|
||||
autoplay: 4000,
|
||||
autoplayDisableOnInteraction: false
|
||||
});
|
||||
|
||||
// 新闻轮播
|
||||
var banner = new Swiper('.indexNews-banner', {
|
||||
pagination: '.indexNews-pagination',
|
||||
paginationClickable: true,
|
||||
spaceBetween: 30,
|
||||
centeredSlides: true,
|
||||
autoplay: 6000,
|
||||
autoplayDisableOnInteraction: false
|
||||
});
|
||||
|
||||
// 梯队人才
|
||||
var mySwiper = new Swiper('.indexBuild-swiper', {
|
||||
direction: 'vertical',
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 10,
|
||||
speed: 1000, // 速度
|
||||
autoplay: 2000
|
||||
});
|
||||
|
||||
// 获得奖项
|
||||
$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
|
||||
var mySwiper = new Swiper('.indexPrize-swiper', {
|
||||
pagination: '.indexPrize-pagination',
|
||||
slidesPerView: 3,
|
||||
paginationClickable: true,
|
||||
spaceBetween: 30,
|
||||
autoplay: 2000
|
||||
});
|
||||
})
|
||||
|
||||
// 新闻列表
|
||||
$(function () {
|
||||
$('#newsTab .tabs-item').hover(function () {
|
||||
$(this).addClass("show").siblings().removeClass("show")
|
||||
$("#newsTabContent .tabs-content").eq($(this).index()).addClass("active").siblings().removeClass("active")
|
||||
})
|
||||
});
|
||||
|
||||
// 国内国际资讯
|
||||
$(function () {
|
||||
$('#information .tabs-item').hover(function () {
|
||||
$(this).addClass("show").siblings().removeClass("show")
|
||||
$("#informationContent .tabs-content").eq($(this).index()).addClass("active").siblings().removeClass("active")
|
||||
})
|
||||
});
|
||||
|
||||
//项目推广
|
||||
$(function () {
|
||||
$('#patentTab .tabs-item').hover(function () {
|
||||
$(this).addClass("show").siblings().removeClass("show")
|
||||
$("#patentTabContent .tabs-content").eq($(this).index()).addClass("active").siblings().removeClass("active")
|
||||
})
|
||||
});
|
||||
|
||||
</script>
|
||||
@endpush
|
||||
|
||||
Reference in New Issue
Block a user