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 {
display: inline-block;
padding: 0 22px;
padding: 0 18px;
font-size: 17px;
}
@@ -384,6 +384,36 @@ body {
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 {
overflow: hidden;
@@ -845,21 +875,56 @@ body {
top: 64px;
}
.briefSurvey {
overflow: hidden;
}
.briefSurvey-cont-text {
font-size: 14px;
color: #353535;
line-height: 30px;
height: 154px;
overflow: hidden;
text-indent: 2em;
text-align: justify;
}
.briefSurvey-cont-img {
float: left;
margin-right: 40px;
width: 400px;
}
.briefSurvey-cont {
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 {
text-align: center;
margin-top: 30px;
transition: .2s;
cursor: pointer;

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

@@ -35,8 +35,21 @@
<div class="row">
@if (getArticlesBYCate(66,7)->isNotEmpty())
<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">
<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 class="col-md-6 col-xs-12">
@@ -60,8 +73,27 @@
<div class="row">
@if (getArticlesBYCate(67,7)->isNotEmpty())
<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">
<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 class="col-md-6 col-xs-12">
@@ -82,7 +114,6 @@
</div>
</div>
</div>
</div>
<!-- 模块一 -->
<div class="container">
@@ -118,10 +149,10 @@
<ul class="publicTab-ul">
<li role="presentation" class="active">
<img src="/assets/index/images/indexIcon/titleIcon_05.png"/>
{{ getOneCategory(2,'title') }}
{{ getOneCategory(18,'title') }}
</li>
</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 class="modularTwo">
<div class="row">
@@ -237,7 +268,8 @@
<ul class="modularFive-list">
@if (getArticlesBYCate($cate->id,3)->isNotEmpty())
@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 }}
</li>
@endforeach
@@ -297,7 +329,8 @@
<div class="row">
@if (getArticlesBYCate(43,14)->isNotEmpty())
@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-cont">
<img src="{{ $info->logo_url }}"/>
@@ -335,13 +368,15 @@
{{ getOneCategory(3,'title') }}
</li>
</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 class="modularThree-back modularSix-space">
<div class="row">
@if(getCateChild(42)->isNotEmpty())
@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">
<span> {{ $cate->title }}</span>
</div>
@@ -404,7 +439,28 @@
@endsection
@push('script')
<script type="text/javascript" src="{{ asset('assets/index/js/swiper.min.js') }}"></script>
<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 () {
$('.new_list').click(function () {
var link = $(this).data('link');