This commit is contained in:
2020-10-15 13:52:47 +08:00
parent e4aab3587e
commit ef78cc7b0c
11 changed files with 1629 additions and 1520 deletions

View File

@@ -6,9 +6,11 @@ body {
}
.header {
width: 100%;
width: 1220px;
height: 200px;
background: url(../images/topbj.png) top center no-repeat;
margin: 0 auto;
background: url(../images/topbj.jpg) top center no-repeat;
background-size: 100% 100%;
}
.container {
@@ -53,13 +55,14 @@ body {
}
.logo {
width: 400px;
height: 112px;
width: 600px;
position: absolute;
left: 15px;
top: 60px;
left: 46px;
top: 23px;
}
.logo img {width: 100%;}
.search {
width: 274px;
height: 30px;
@@ -115,6 +118,10 @@ body {
}
.nav li a {
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
text-align: center;
line-height: 60px;
@@ -175,6 +182,17 @@ body {
color: #ff9d24;
}
/*.nav li:nth-child(5) ul {
width: 600px;
display:block !important;
background-color: #000;
}
.nav li:nth-child(5) ul li {
float: none;
}
*/
.news-con .focus {
width: 100%;
overflow: hidden;
@@ -1360,8 +1378,8 @@ body {
}
.words11_jcfc_content .box .focus img {
width: 100%;
height: 200px;
width: 300px;
height: 150px;
}
.words11_jcfc_content .box .focus {
@@ -1379,7 +1397,7 @@ body {
.words11_jcfc_content .box .midd {
width: 350px;
height: 50px;
height: 70px;
float: left;
overflow: hidden;
position: relative;
@@ -1393,11 +1411,13 @@ body {
}
.words11_jcfc_content .box ul li img {
width: 61px;
height: 50px;
*width: 57px;
height: 46px;
width: 60px;
height: 30px;
*width: 60px;
height: 30px;
border: 2px solid #fff;
display: block;
margin: 8px 0;
}
.words11_jcfc_content .box .left {
@@ -1433,3 +1453,16 @@ body {
float: left;
margin: 0 5px;
}
/*2020-10-15*/
.naturalCont{display:table; height: 120px; text-align: center;}
.naturalCont-title {display:table-cell; vertical-align:middle;}
.dtlCont {display: flex;}
.dtlCont-banner {width: 100%; height: 230px;}
.dtlCont-banner .swiper-slide {background-size: cover;background-position: top;}
.gallery-top {height: 150px;width: 300px; margin-top: 10px;}
.gallery-thumbs {height: 80px;width: 360px; box-sizing: border-box;padding: 10px 0;}
.gallery-thumbs .swiper-slide {width: 80px !important;height: 40px;opacity: 0.4;}
.gallery-thumbs .swiper-slide-active {opacity: 1;}
.swiper-name {position: absolute; top: 50px; left: 0; width: 100%; display: block; text-align: center;}

15
public/assets/index/css/swiper.min.css vendored Normal file

File diff suppressed because one or more lines are too long

Binary file not shown.

Before

Width:  |  Height:  |  Size: 61 KiB

After

Width:  |  Height:  |  Size: 82 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 81 KiB

After

Width:  |  Height:  |  Size: 55 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 484 KiB

After

Width:  |  Height:  |  Size: 148 KiB

19
public/assets/index/js/swiper.min.js vendored Normal file

File diff suppressed because one or more lines are too long

View File

@@ -41,10 +41,16 @@
</div>
<div class="biaoti">{{ $article->title }}</div>
<div class="sshuomign"><span>发布时间:{{ $article->created_at->format('Y-m-d') }}</span></div>
<!-- 图片 -->
@if ($article->cover && $article->category_id==127)
<div style="width: 100%; text-align: center; margin-top: 20px;">
<img src="{{ $article->cover_path }}" style="width: 400px;">
</div>
@endif
<div class="article_txt">
{{-- @if ($article->cover)--}}
{{-- <img src="{{ $article->cover_path }}">--}}
{{-- @endif--}}
{!! $article->content !!}
</div>

View File

@@ -2,6 +2,10 @@
@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">
<!--轮播图 新闻动态 -->
@@ -92,21 +96,27 @@
<div class="sanjiao pos_abs"></div>
</div>
<div class="txt flexcolumn jc_sb" data-href="{{ $info->link }}">
<div>
<div class="title overflow1">{{ $info->title }}</div>
<div class="overflow4 "> {{ $info->description }}</div>
<div class="naturalCont">
<div class="naturalCont-title">
<div class="title">{{ $info->title }}</div>
<!-- <div class="overflow4 "> {{ $info->description }}</div> -->
<div class="flexrow getMore">查看更多 <img src="/assets/index/images/right.png">
</div>
</div>
</div>
<div class="flexrow getMore">查看更多 <img src="/assets/index/images/right.png"></div>
</div>
</div>
@else
<div class="news_list_item">
<div class="txt flexcolumn jc_sb" data-href="{{ $info->link }}">
<div>
<div class="title overflow1">{{ $info->title }}</div>
<div class="overflow4 "> {{ $info->description }}</div>
<div class="naturalCont">
<div class="naturalCont-title">
<div class="title">{{ $info->title }}</div>
<!-- <div class="overflow4 "> {{ $info->description }}</div> -->
<div class="flexrow getMore">查看更多 <img src="/assets/index/images/right.png">
</div>
</div>
</div>
<div class="flexrow getMore">查看更多 <img src="/assets/index/images/right.png"></div>
</div>
<div class="img" style="background-image:url({{ $info->cover_path }})">
<div class="sanjiao2 pos_abs"></div>
@@ -166,28 +176,27 @@
</div>
<div class="words11_zzgz_xfgz" style="margin-left: 15px;">
<div class="words11_zzgz_xfgz_title">
<font style="border-bottom: 2px solid #4c951c;">{{ getOneCategory(74,'title') }}</font><span><a href="{{ getOneCategory(74,'link') }}">更多 >></a></span>
<font style="border-bottom: 2px solid #4c951c;">{{ getOneCategory(18,'title') }}</font><span><a>更多 >></a></span>
</div>
<div class="words11_jcfc_content">
<div class="box">
<div class="focus"><img src="/assets/index/images/name_04.jpg"></div>
<div class="left" onclick="lb_jcfc('-')"></div>
<div class="midd">
@if (getArticlesBYCate(74,5)->isNotEmpty())
<ul>
@foreach (getArticlesBYCate(74,5) as $article)
<div class="news-con">
@if (getArticlesBYCate(18,4)->isNotEmpty())
<div class="focus" data-herf="{{ getArticlesBYCate(18,4)->first()->link }}">
<img src="{{ getArticlesBYCate(18,4)->first()->cover_path}}">
<p>{{ getArticlesBYCate(18,4)->first()->title}}</p>
</div>
<ul class="newslist">
@foreach (getArticlesBYCate(18,4) as $info)
@if ($loop->iteration>1)
<li>
<a href="javascript:void(0);"><img style="border: 2px solid #4c951c;" src="{{ $article->cover_path }}"></a>
<a href="{{ $info->link }}">{{ $info->title }}</a>
</li>
@endif
@endforeach
</ul>
@endif
</div>
</div>
<div class="right" onclick="lb_jcfc('+')"></div>
</div>
</div>
</div>
<div class="words11_zzgz_xfgz" style="margin-left: 15px;width: 200px">
<div class="words11_zzgz_xfgz_title">
<font style="border-bottom: 2px solid #4c951c;">论坛</font>
@@ -216,7 +225,7 @@
</div>
<div class="news-con">
@if (getArticlesBYCate(127,4)->isNotEmpty())
<div class="focus" data-herf="{{ getArticlesBYCate(127,4)->first()->link }}">
<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>
@@ -233,6 +242,34 @@
</div>
</div>
<div class="news-txt col-3">
<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">
<div class="news-title">
<div class="name">{{ getOneCategory(8,'title') }}<i></i></div>
<a href="{{ getOneCategory(8,'link') }}" class="more">更多 >></a>
@@ -256,29 +293,6 @@
@endif
</div>
</div>
<div class="news-txt col-3 last">
<div class="news-title">
<div class="name">{{ getOneCategory(18,'title') }}<i></i></div>
<a href="#" class="more">更多 >></a>
</div>
<div class="news-con">
@if (getArticlesBYCate(18,4)->isNotEmpty())
<div class="focus" data-herf="{{ getArticlesBYCate(18,4)->first()->link }}">
<img src="{{ getArticlesBYCate(18,4)->first()->cover_path}}">
<p>{{ getArticlesBYCate(18,4)->first()->title}}</p>
</div>
<ul class="newslist">
@foreach (getArticlesBYCate(18,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>
<!-- 友情链接 -->
@@ -306,12 +320,30 @@
@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/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.3,//滚动持续时间,单位:秒
duration: 0.1,//滚动持续时间,单位:秒
easing: 'linear',//swing,linear//滚动特效
delay: 5,//滚动延迟时间,单位:秒
hideClickBar: false,//不自动隐藏点选按键

View File

@@ -6,6 +6,8 @@
<link href="{{ asset('assets/index/css/base.css') }}?{{ time() }}" rel="stylesheet" type="text/css"/>
<link href="{{ asset('assets/index/css/main.css') }}?{{ time() }}" rel="stylesheet" type="text/css"/>
<link href="{{ asset('assets/index/css/jquery.slideBox.css') }}" rel="stylesheet" type="text/css"/>
@section('css')
@show
</head>
<body>

View File

@@ -1,8 +1,9 @@
<div class="header">
<div class="container">
<div id="weather"></div>
{{-- <div class="toptxt"><a href="#">加入收藏</a><a href="#">设为首页</a></div>--}}
<div class="logo"><a href="#"><img src="/assets/index/images/logo.png"/></a></div>
<div class="logo"><a href="#"></a><img src="/assets/index/images/logo.png"/></div>
{{-- <div class="search">--}}
{{-- <input type="text" class="ipt-sea" placeholder="请输入搜索关键词"/>--}}
{{-- <a href="javascript:;">搜索</a>--}}
@@ -18,7 +19,7 @@
@if ($cate->childrens->isNotEmpty())
<ul>
@foreach ($cate->childrens as $children)
<li><a href="{{ $children->link }}">{{ $children->title }}</a></li>
<li><a href="{{ $children->link }}" title="{{ $children->title }}">{{ $children->title }}</a></li>
@endforeach
</ul>
@endif

View File

@@ -0,0 +1 @@