调整轮播图

This commit is contained in:
2021-10-12 10:42:32 +08:00
parent 3381820ba0
commit 30a10a1b3b
17 changed files with 1633 additions and 45 deletions

View File

@@ -170,7 +170,7 @@
<span>四十周年所庆宣传片</span>
</div>
<div class="briefVideo-video">
<video width="100%" height="100%" controls
<video width="100%" height="100%" style="object-fit:fill" controls
src="{{ getVideoByCate(15,'link_url') }}"
poster="{{ getVideoByCate(15,'cover_url') }}"
>
@@ -178,59 +178,65 @@
</div>
</div>
</div>
@if (getAdvertsByCate(16,10)->isNotEmpty())
<div class="briefAlbum">
<div class="briefAlbum-title"><span>四十周年所庆纪念册</span></div>
<div class="swiper-container briefSwiper"
style="background-image: url(/assets/index/images/briefIcon/briefAlbum_back.jpg);">
<div class="briefAlbum">
<div class="briefAlbum-title"><span>四十周年所庆纪念册</span></div>
<div class="briefSwiper-back"
style="background-image: url(/assets/index/images/briefIcon/briefAlbum_back.jpg);">
<div class="swiper-container briefSwiper">
<div class="swiper-wrapper">
@foreach (getAdvertsByCate(16,10) as $info)
<div class="col-xs-12 col-md-4">
<div class="swiper-slide" data-href="">
<div class="ce-img briefSwiper-img">
<span style="background-image: url({{ $info->cover_url }});"></span>
<div class="briefSwiper-cont">
<div class="ce-nowrap briefSwiper-cont-name">
{{ $info->title }}
</div>
<div class="ce-nowrap briefSwiper-cont-more">
<span>查看详情</span>
@if (getAdvertsByCate(16,10)->isNotEmpty())
@foreach (getAdvertsByCate(16,10)->chunk(3) as $adverts)
<div class="swiper-slide">
@foreach($adverts as $advert)
<div class="col-xs-12 col-md-4">
<div class="ce-img briefSwiper-img mian">
<img class='js-lightBox'
data-title="{{ $advert->title }}"
data-group='group-1'
src="{{ $advert->cover_url }}"/>
<div class="briefSwiper-cont">
<div class="ce-nowrap briefSwiper-cont-name">
{{ $advert->title }}
</div>
{{-- <div class="ce-nowrap briefSwiper-cont-more ">--}}
{{-- <span>查看详情</span>--}}
{{-- </div>--}}
</div>
</div>
</div>
</div>
@endforeach
</div>
</div>
@endforeach
@endforeach
@endif
</div>
<!-- Add Arrows -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
</div>
@endif
<!-- end 四十年所庆 -->
</div>
</div>
</div>
</div>
<!-- end 四十年所庆 -->
</div>
</div>
@endsection
@push('script')
<script type="text/javascript" src="{{ asset('assets/index/js/swiper.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/index/js/jquery.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/index/js/lightBox.js') }}"></script>
<script type="text/javascript">
// 四十周年所庆纪念册
var mySwiper = new Swiper('.briefSwiper', {
pagination: '.brief-pagination',
slidesPerView: 3,
var swiper = new Swiper('.briefSwiper', {
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
slidesPerView: 1,
paginationClickable: true,
spaceBetween: 30,
autoplay: 2000
spaceBetween: 60
});
$(document).ready(function () {
$('.Rightfixed-img-code').hover(
function () {
@@ -243,5 +249,11 @@
}
);
});
// 图片放大
jQuery(document).ready(function ($) {
$.LightBox({speed: 500})
});
</script>
@endpush
@endpush

View File

@@ -20,6 +20,8 @@
<div class="srTitle-name">
<img src="/assets/index/images/srIcon/srTitle_1.png"/>
{{ getOneCategory(17,'title') }}
<div class="party-title-more" data-href="{{ getOneCategory(17,'link') }}">更多&gt;&gt;
</div>
</div>
</div>
<ul class="srRrends-list">

View File

@@ -63,11 +63,14 @@
<div class="col-xs-12 col-md-5">
<div class="journalCont-title">{{ getOneCategory(63,'article')->title }}</div>
<div class="journalCont-tool">
<div data-href="" class="journalCont-tool-more">
<div data-href="{{ getOneCategory(63,'article')->link }}"
class="journalCont-tool-more">
<img src="/assets/index/images/journalCont_icon_00.jpg"/>查看更多
</div>
<div data-href="" class="journalCont-tool-teach">
<img src="/assets/index/images/journalCont_icon_01.jpg"/>征稿启事
<div data-href="{{ getOneCategory(75,'url') }}"
class="journalCont-tool-teach">
<img src="/assets/index/images/journalCont_icon_01.jpg"/>
{{ getOneCategory(75,'title') }}
</div>
</div>
</div>

View File

@@ -21,7 +21,7 @@
<div class="educateStudent-cont">
<div class="educateStudent-cont-name">
{{ getOneCategory(54,'article')->title }}
<span>/ Introduction to graduate education</span></div>
<span>/ {{ getOneCategory(53,'article')->remark }}</span></div>
<div class="ce-nowrap-multi educateStudent-cont-text">
{{ getOneCategory(54,'article')->description }}
</div>
@@ -42,12 +42,12 @@
<!-- start 硕士导师简介 -->
<div class="educateMargin briefMargin">
<div class="educate-title">{{ getOneCategory(53,'title') }}</div>
@if(getOneCategory(54,'article'))
@if(getOneCategory(53,'article'))
<div class="educateMaster">
<div class="educateMaster-right">
<div class="ce-img educateStudent-img">
<!-- 图片为5:3-->
<span style="background-image: url({{ getOneCategory(54,'article')->cover_url }});"></span>
<span style="background-image: url({{ getOneCategory(53,'article')->cover_url }});"></span>
</div>
</div>
</div>
@@ -55,15 +55,15 @@
<div class="educateMaster-cont-name">
<img src="/assets/index/images/educatePop.png"/>
<div class="educateMaster-cont-tutor">
{{ getOneCategory(54,'article')->title }}
<span>Introduction to master tutor</span>
{{ getOneCategory(53,'article')->title }}
<span>{{ getOneCategory(53,'article')->remark }}</span>
</div>
</div>
<div class="ce-nowrap-multi educateStudent-cont-text">
{{ getOneCategory(54,'article')->description }}
{{ getOneCategory(53,'article')->description }}
</div>
<div class="publicHover educateStudent-cont-more"
data-href=" {{ getOneCategory(54,'article')->link }}">更多&gt;&gt;
data-href=" {{ getOneCategory(53,'article')->link }}">更多&gt;&gt;
</div>
</div>
@endif