调整野蛮
This commit is contained in:
363
resources/views/index/index（beifen2）.blade.php
Normal file
363
resources/views/index/index（beifen2）.blade.php
Normal file
@@ -0,0 +1,363 @@
|
||||
@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;">
|
||||
@if (getArticlesBYCate(53,6)->isNotEmpty())
|
||||
<div class="hotnews">
|
||||
<h1>{{ getArticlesBYCate(53,6)->first()->title}}</h1>
|
||||
<div class="hotcon">
|
||||
<a href="getArticlesBYCate(53,6)->first()->link">{{ getArticlesBYCate(53,6)->first()->description }} </a>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="newslist">
|
||||
@foreach (getArticlesBYCate(53,6) 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,6)->isNotEmpty())
|
||||
<div class="hotnews">
|
||||
<h1>{{ getArticlesBYCate(54,6)->first()->title}}</h1>
|
||||
<div class="hotcon">
|
||||
<a href="getArticlesBYCate(54,6)->first()->link">{{ getArticlesBYCate(54,6)->first()->description }} </a>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="newslist">
|
||||
@foreach (getArticlesBYCate(54,6) 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="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)
|
||||
@if ($loop->iteration>1)
|
||||
<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>
|
||||
@endif
|
||||
@endforeach
|
||||
</div>
|
||||
<div class="swiper-pagination"></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(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(8,12) as $info)
|
||||
@if ($loop->iteration>1)
|
||||
<li>
|
||||
<a href="{{ $info->link }}"> <img src="/assets/index/images/icon.png">{{ $info->title }}</a>
|
||||
</li>
|
||||
@endif
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 领军人才-->
|
||||
<div class="col-box">
|
||||
<div class="news-txt col-3" style="width: 248px">
|
||||
<div class="news-title">
|
||||
<div class="name">{{ getOneCategory(127,'title') }}<i></i></div>
|
||||
<a href="{{ getOneCategory(127,'link') }}" class="more">更多 >></a>
|
||||
</div>
|
||||
<div class="news-con">
|
||||
@if (getArticlesBYCate(127,4)->isNotEmpty())
|
||||
<div class="focus" data-href="{{ getArticlesBYCate(127,4)->first()->link }}">
|
||||
<img src="{{ getArticlesBYCate(127,4)->first()->cover_path}}">
|
||||
<p>{{ getArticlesBYCate(127,4)->first()->title}}</p>
|
||||
</div>
|
||||
<ul class="newslist">
|
||||
@foreach (getArticlesBYCate(127,4) as $info)
|
||||
@if ($loop->iteration>1)
|
||||
<li>
|
||||
<a href="{{ $info->link }}">{{ $info->title }}</a>
|
||||
</li>
|
||||
@endif
|
||||
@endforeach
|
||||
</ul>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
<div class="news-txt col-3" style="width:636px">
|
||||
<div class="news-title">
|
||||
<div class="name">{{ getOneCategory(74,'title') }}<i></i></div>
|
||||
<a href="{{ getOneCategory(74,'link') }}" class="more">更多 >></a>
|
||||
</div>
|
||||
<div class="dtlCont-banner">
|
||||
<div class="swiper-container gallery-top">
|
||||
<div class="swiper-wrapper">
|
||||
@if (getArticlesBYCate(74,5)->isNotEmpty())
|
||||
@foreach (getArticlesBYCate(74,5) as $article)
|
||||
<div data-href="{{ $article->link }}" class="swiper-slide" style="background-image:url({{ $article->cover_path }})"></div>
|
||||
@endforeach
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-container gallery-thumbs">
|
||||
<div class="swiper-wrapper">
|
||||
@if (getArticlesBYCate(74,5)->isNotEmpty())
|
||||
@foreach (getArticlesBYCate(74,5) as $article)
|
||||
<div class="swiper-slide" style="background-image:url({{ $article->cover_path }})">
|
||||
<span class="swiper-name">{{ $article->title }}</span>
|
||||
</div>
|
||||
@endforeach
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="news-txt col-3 last" style="width: 250px">
|
||||
<div class="news-title">
|
||||
<div class="name">{{ getOneCategory(8,'title') }}<i></i></div>
|
||||
<a href="{{ getOneCategory(8,'link') }}" class="more">更多 >></a>
|
||||
</div>
|
||||
<div class="news-con">
|
||||
@if (getArticlesBYCate(8,4)->isNotEmpty())
|
||||
<!-- <div class="focus" data-herf="{{ getArticlesBYCate(8,4)->first()->link }}">
|
||||
<img src="{{ getArticlesBYCate(8,4)->first()->cover_path}}">
|
||||
<p>{{ getArticlesBYCate(8,4)->first()->title}}</p>
|
||||
</div> -->
|
||||
<ul class="newslist">
|
||||
@foreach (getArticlesBYCate(8,4) as $info)
|
||||
@if ($loop->iteration>1)
|
||||
<li>
|
||||
<a href="{{ $info->link }}">{{ $info->title }}</a>
|
||||
</li>
|
||||
@endif
|
||||
@endforeach
|
||||
</ul>
|
||||
@endif
|
||||
</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
|
||||
});
|
||||
})
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
var mySwiper = new Swiper('.swiper-container1', {
|
||||
loop : true,
|
||||
autoplay: 2000,//可选选项，自动滑动
|
||||
// slidesPerView : 3,
|
||||
// centeredSlides : true,
|
||||
})
|
||||
</script>
|
||||
@endpush
|
||||
Reference in New Issue
Block a user