xuanchen/new_ine
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

调整首页

Browse Source
This commit is contained in:
徐永宾
2021-11-23 15:47:47 +08:00
parent e4f40ebb9a
commit ed19a7f0ce
2 changed files with 421 additions and 300 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
public/assets/index/css/style.css
View File

@@ -187,7 +187,7 @@ body {
.banner-nav li { .banner-nav li {
display: inline-block; display: inline-block;
padding: 0 22px; padding: 0 18px;
font-size: 17px; font-size: 17px;
} }
@@ -384,6 +384,36 @@ body {
margin-right: 5px; margin-right: 5px;
} }
.indexImg-title {
position: absolute;
z-index:5;
left: 0;
bottom: 0;
background-color: rgba(0,0,0,.5);
width: 100%;
color: #fff;
padding: 10px 15px;
box-sizing: border-box;
font-size: 16px;
}
.indexImg-pagination, .indexNews-pagination {
text-align: right !important;
padding-right: 20px!important;
bottom: 16px!important;
}
.swiper-pagination-bullet {
background: #ffffff!important;
opacity: .5!important;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #449942!important;
}
/*首页模块二*/ /*首页模块二*/
.modularTwo { .modularTwo {
overflow: hidden; overflow: hidden;
@@ -845,21 +875,56 @@ body {
top: 64px; top: 64px;
} }
.briefSurvey {
overflow: hidden;
}
.briefSurvey-cont-text { .briefSurvey-cont-text {
font-size: 14px; font-size: 14px;
color: #353535; color: #353535;
line-height: 30px; line-height: 30px;
height: 154px;
overflow: hidden;
text-indent: 2em; text-indent: 2em;
text-align: justify; text-align: justify;
} }
.briefSurvey-cont-img { .briefSurvey-cont-img {
float: left;
margin-right: 40px;
width: 400px;
}
.briefSurvey-cont {
float: right; float: right;
margin: 0 0 10px 15px; width: calc(100% - 440px);
}
.briefSurvey-cont-new {
font-size: 22px;
text-align: center;
font-weight: 600;
margin-bottom: 10px;
}
.baseMap {
background-color: #efefef;
width: 100%;
height: 80px;
position: relative;
margin-bottom: 40px;
margin-top: 10px;
}
.baseMap-img {
position: absolute;
right: 10px;
top: -70px;
width: 160px;
height: 160px;
} }
.briefSurvey-more { .briefSurvey-more {
text-align: center;
margin-top: 30px; margin-top: 30px;
transition: .2s; transition: .2s;
cursor: pointer; cursor: pointer;

74
resources/views/index/index.blade.php
View File

@@ -35,8 +35,21 @@
<div class="row"> <div class="row">
@if (getArticlesBYCate(66,7)->isNotEmpty()) @if (getArticlesBYCate(66,7)->isNotEmpty())
<div class="col-md-6 col-xs-12"> <div class="col-md-6 col-xs-12">
<div class="swiper-container indexBig">
<div class="swiper-wrapper">
@foreach (getArticlesCoverByCate(66,5) as $info)
<div class="swiper-slide">
<div class="indexNew-img ce-img"> <div class="indexNew-img ce-img">
<span style="background-image: url({{getArticlesBYCate(66,8)->first()->cover_url}});"></span> <span style="background-image: url({{ $info->cover_url}});"></span>
<div class="ce-nowrap indexImg-title">
{{ $info->title }}
</div>
</div>
</div>
@endforeach
</div>
<!-- Add Pagination -->
<div class="swiper-pagination indexImg-pagination"></div>
</div> </div>
</div> </div>
<div class="col-md-6 col-xs-12"> <div class="col-md-6 col-xs-12">
@@ -60,8 +73,27 @@
<div class="row"> <div class="row">
@if (getArticlesBYCate(67,7)->isNotEmpty()) @if (getArticlesBYCate(67,7)->isNotEmpty())
<div class="col-md-6 col-xs-12"> <div class="col-md-6 col-xs-12">
<div class="swiper-container indexNew">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="indexNew-img ce-img"> <div class="indexNew-img ce-img">
<span style="background-image: url({{getArticlesBYCate(67,8)->first()->cover_url}});"></span> <span style="background-image: url({{getArticlesBYCate(66,8)->first()->cover_url}});"></span>
<div class="ce-nowrap indexImg-title">
黑龙江省科学院大庆分院1
</div>
</div>
</div>
<div class="swiper-slide">
<div class="indexNew-img ce-img">
<span style="background-image: url({{getArticlesBYCate(66,8)->first()->cover_url}});"></span>
<div class="ce-nowrap indexImg-title">
黑龙江省科学院大庆分院2
</div>
</div>
</div>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination indexImg-pagination indexNew-pagination"></div>
</div> </div>
</div> </div>
<div class="col-md-6 col-xs-12"> <div class="col-md-6 col-xs-12">
@@ -82,7 +114,6 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- 模块一 --> <!-- 模块一 -->
<div class="container"> <div class="container">
@@ -118,10 +149,10 @@
<ul class="publicTab-ul"> <ul class="publicTab-ul">
<li role="presentation" class="active"> <li role="presentation" class="active">
<img src="/assets/index/images/indexIcon/titleIcon_05.png"/> <img src="/assets/index/images/indexIcon/titleIcon_05.png"/>
{{ getOneCategory(2,'title') }} {{ getOneCategory(18,'title') }}
</li> </li>
</ul> </ul>
<div class="publicTab-more" data-href="{{ getOneCategory(2,'link') }}">更多<span>+</span></div> <div class="publicTab-more" data-href="{{ getOneCategory(18,'link') }}">更多<span>+</span></div>
</div> </div>
<div class="modularTwo"> <div class="modularTwo">
<div class="row"> <div class="row">
@@ -237,7 +268,8 @@
<ul class="modularFive-list"> <ul class="modularFive-list">
@if (getArticlesBYCate($cate->id,3)->isNotEmpty()) @if (getArticlesBYCate($cate->id,3)->isNotEmpty())
@foreach (getArticlesBYCate($cate->id,3) as $info) @foreach (getArticlesBYCate($cate->id,3) as $info)
<li class="publicHover ce-nowrap-multi" data-href="{{ $info->link }}"> <li class="publicHover ce-nowrap-multi"
data-href="{{ $info->link }}">
{{ $info->title }} {{ $info->title }}
</li> </li>
@endforeach @endforeach
@@ -297,7 +329,8 @@
<div class="row"> <div class="row">
@if (getArticlesBYCate(43,14)->isNotEmpty()) @if (getArticlesBYCate(43,14)->isNotEmpty())
@foreach (getArticlesBYCate(43,14) as $info) @foreach (getArticlesBYCate(43,14) as $info)
<div class="col-md-4 col-xs-12 modularSix-padding" data-href="{{ $info->link }}"> <div class="col-md-4 col-xs-12 modularSix-padding"
data-href="{{ $info->link }}">
<div class="modularSix-label"> <div class="modularSix-label">
<div class="modularSix-label-cont"> <div class="modularSix-label-cont">
<img src="{{ $info->logo_url }}"/> <img src="{{ $info->logo_url }}"/>
@@ -335,13 +368,15 @@
{{ getOneCategory(3,'title') }} {{ getOneCategory(3,'title') }}
</li> </li>
</ul> </ul>
<div class="publicTab-more" data-href="{{ getOneCategory(3,'link') }}">更多<span>+</span></div> <div class="publicTab-more" data-href="{{ getOneCategory(3,'link') }}">更多<span>+</span>
</div>
</div> </div>
<div class="modularThree-back modularSix-space"> <div class="modularThree-back modularSix-space">
<div class="row"> <div class="row">
@if(getCateChild(42)->isNotEmpty()) @if(getCateChild(42)->isNotEmpty())
@foreach(getCateChild(42) as $cate) @foreach(getCateChild(42) as $cate)
<div class="col-xs-12 col-md-4 modularSix-padding" data-href="{{ $cate->link }}"> <div class="col-xs-12 col-md-4 modularSix-padding"
data-href="{{ $cate->link }}">
<div class="modularServe-label"> <div class="modularServe-label">
<span> {{ $cate->title }}</span> <span> {{ $cate->title }}</span>
</div> </div>
@@ -404,7 +439,28 @@
@endsection @endsection
@push('script') @push('script')
<script type="text/javascript" src="{{ asset('assets/index/js/swiper.min.js') }}"></script>
<script type="text/javascript"> <script type="text/javascript">
// 新闻轮播
var banner = new Swiper('.indexBig', {
pagination: '.indexImg-pagination',
paginationClickable: true,
spaceBetween: 30,
centeredSlides: true,
autoplay: 6000,
autoplayDisableOnInteraction: false
});
// 公告轮播
var banner = new Swiper('.indexNew', {
pagination: '.indexNew-pagination',
paginationClickable: true,
spaceBetween: 30,
centeredSlides: true,
autoplay: 6000,
autoplayDisableOnInteraction: false
});
$(document).ready(function () { $(document).ready(function () {
$('.new_list').click(function () { $('.new_list').click(function () {
var link = $(this).data('link'); var link = $(this).data('link');